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