cite标签仅用于完整作品标题，如书籍、电影、论文等；不可用于句子摘录、作者名或整条参考文献；其斜体为默认样式非强制规范；不提供LaTeX式自动编号引用功能；嵌套时需注意可访问性。
HTML 中 cite 标签只用于作品标题，不是任意引用
很多人误以为 cite 是“所有引用都该用它”，其实 HTML5 明确限定：它只适用于书籍、电影、论文、歌曲等**完整作品的标题**。比如《三体》《The Matrix》《Attention Is All You Need》——这些才是合法使用场景。
常见错误包括：
- 把一句话摘录（如“天下大势，分久必合”）包进
cite——这是blockquote的职责 - 给作者名加
cite——作者该用span或语义更准的person（需微数据） - 在脚注里用
cite包含整段参考文献条目——这会破坏结构化语义，应拆解为cite（标题）、time（年份）、a（链接）等
cite 默认斜体，但不能靠它控制样式
浏览器默认把 cite 渲染为斜体，但这只是 UA stylesheet 的约定，不是规范强制行为。你不能假设所有阅读器（尤其是无障碍工具或 EPUB 阅读器）都会保留这个视觉表现。
如果你真需要确保斜体，得显式写 CSS：
cite {
font-style: italic;
}
但要注意两点：
- 某些字体族（如
system-ui）在小字号下斜体辨识度极低，可能影响可读性 - 如果文档整体禁用斜体（例如为视障用户定制的高对比主题），硬设
font-style: italic可能被覆盖或忽略
和 LaTeX 的 \textit{} 或 \citep{} 不是一回事
HTML 的 cite 是纯语义标签，不生成编号、不联动参考文献列表、不支持上标、不调用 BibTeX 数据库——它和 LaTeX 的 \citep{} 或 \textit{} 完全不在一个抽象层级上。
典型混淆点：
- 你在 HTML 里写
<cite>Deep Learning</cite>，不会自动变成 “[1]” 或 “(Goodfellow et al., 2016)” - LaTeX 的
\citet{}依赖.bib文件和 BibTeX 编译流程；HTML 没有内置对应机制，得靠 JS 库（如 citeproc-js）或静态站点生成器手动集成 - 想让 HTML 页面像论文一样自动生成编号引用？必须引入外部处理链，
cite标签本身不提供该能力
嵌套与可访问性容易被忽略
cite 允许包含内联元素（如 a、em），但禁止块级内容。一个常被忽略的细节是：当它包裹超链接时，屏幕阅读器可能只朗读链接文本，而跳过“这是作品标题”的语义。
稳妥做法是补全上下文：
<p>参见 <cite><a href="https://arxiv.org/abs/1706.03762">Attention Is All You Need</a></cite>（Vaswani et al., 2017）</p>
这里把年份和作者放在标签外，既保语义又保可读性。别指望 cite 自己“聪明地”表达全部元数据——它只负责标题那一小块。
