cite标签仅用于标记作品标题，如书名、文章名等，不可包含作者、出版社等元数据；正确用法是单独包裹标题，语义为“被引用的作品名称”，浏览器默认斜体渲染。

cite 标签在 HTML5 中仅用于表示作品的标题，比如书名、文章名、电影名、歌曲名等，不是用来标注参考文献条目、作者、出版社、年份或整条参考书目信息。

cite 的正确用途：只包裹作品标题

它语义上代表“被引用的作品名称”，浏览器默认以斜体渲染，但样式可覆盖。关键在于内容必须是标题本身，不包含标点外的任何元数据。

• ✅ 正确：

  我最近重读了平凡的世界。

• ✅ 正确：

  论文中引用了The Structure of Scientific Revolutions的观点。

• ❌ 错误：

  《社会契约论》, 卢梭著, 商务印书馆, 2017年

  （混入作者、出版社、年份）
• ❌ 错误：

  参考文献[1]

  （这不是作品标题）

参考书目应使用语义化结构组合

完整参考条目需靠其他标签配合实现清晰语义。推荐用

或

包裹整个参考列表，每条用

或

，再内部拆分角色：

• 作品标题 → 用
• 作者 → 用 或 （HTML5 无原生 author 标签，可用 role="author" 辅助）
• 出版信息 → 用 、
  或普通 加 class 标识
• 示例：
• Design Patterns，E. Gamma 等著，Addison-Wesley，1994年。

避免常见误解

cite 不等于「引用来源」的全部，也不等同于学术写作中的「参考文献」或「引文标注」。它只是其中的标题部分：

• 不负责标记引用位置（如上标 [1]），那是 或 CSS 实现的事
• 不替代
  —— 后者表示大段引用内容，内部可用 标出出处标题
• 不建议嵌套使用（如 ...），无意义且无效

辅助可访问性的小提示

屏幕阅读器通常会将 内容读作“标题”或略带停顿，有助于听觉区分。若需进一步明确，可在标题后加视觉隐藏文本：

Thinking, Fast and Slow（图书标题）

前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！