cite标签仅表示作品标题，不包含作者、年份等出处信息；合法用法限于正文提及作品名或blockquote/footer中标识来源，需配合其他标签补充完整元数据。
cite 标签不标明出处，它只包裹作品标题本身。
为什么 cite 不等于“出处”
“出处”包含作者、年份、URL、出版社等完整元数据；cite 在 HTML5 中被明确定义为仅表示“一部作品的正式名称”，比如书名、电影名、文章标题。浏览器默认给它加 font-style: italic，但这个样式只是视觉提示，不是语义扩展。
常见错误包括：
- 把整条 APA 引用塞进
cite：如<cite>Smith, J. (2023). How to cite things...</cite> - 用
cite包作者名：<cite>张三</cite> - 用
cite包 URL：<cite>https://example.com</cite>
这些都会破坏语义结构，导致屏幕阅读器误读、SEO 降权、引用管理工具（如 Zotero）无法提取有效信息。
立即学习“前端免费学习笔记（深入）”；
cite 的合法使用场景
它只该出现在两个明确位置：
- 正文里提到某部作品时，紧贴作品名：
<p>参见 <cite>Web Content Accessibility Guidelines</cite> 第 4.1 节</p> -
blockquote或q的上下文中，作为引文来源标识：<blockquote><p>“Semantic HTML is not optional.”</p><footer>— <cite>Frontend Accessibility Patterns</cite></footer></blockquote>
注意：cite 不负责说明“谁写的”“哪年出的”“在哪看的”——这些必须由其他标签（如 strong、time、a）配合完成。
中文排版中容易忽略的样式问题
浏览器对 cite 的默认斜体在中文里几乎无意义，反而影响可读性。必须主动重置：
cite {
font-style: normal;
}
如果真要强调，应靠字体粗细、颜色或上下文完成，而不是依赖斜体。另外，中文书名不自动带标点（如《》），需手动添加；cite 不会帮你补全。
参考文献列表里别碰 cite
整页参考文献必须用 section + ol 或 ul + 普通段落组合，每条内用 cite 仅包标题，其余字段分开放置。例如：
<section aria-labelledby="refs-title">
<h2 id="refs-title">参考文献</h2>
<ol>
<li><cite>Frontend Accessibility Patterns</cite>, Chen L., 2022. <a href="https://example.com" rel="nofollow" aria-label="访问 Frontend Accessibility Patterns 官网">https://example.com</a></li>
</ol>
</section>
最常被跳过的细节是：没加 aria-label 的链接对屏幕阅读器不友好，没用 time 标年份就丢失机器可解析时间信息，整条塞进 cite 就等于放弃结构化数据。
