<cite>标签仅用于包裹作品标题,不得混入作者、年份等元数据;必须嵌入上下文句子中,不可孤立使用;需与<blockquote cite="">属性严格区分,后者值须为有效URL。

标签只用来包作品标题本身,比如书名、电影名、文章名这些能被单独检索到的正式名称。它不是万能引用标记,也不是作者、年份或链接的容器。
只包裹标题,不混任何元数据
标题必须干净,不能带作者、出版社、年份、ISBN 或 URL。混进去会破坏语义,屏幕阅读器可能把整段读成一团乱码。
- ✅ 正确:
<p>我重读了<cite>倾城之恋</cite>中白流苏的心理描写。</p> - ❌ 错误:
<p><cite>倾城之恋,张爱玲著,2021年出版</cite></p> - 中文书名建议用 CSS 重置为正常字体:
cite { font-style: normal; },避免汉字斜体影响阅读 - 英文标题如
<cite>The Great Gatsby</cite>可保留斜体,但需全站统一处理
必须嵌在引用上下文中
单独一行写 <cite>三体</cite> 是无效的。浏览器和辅助技术需要句子逻辑来确认“这是被提到的作品”,而不是一个孤立词。
- ✅ 正确:
<p>正如<cite>Web Content Accessibility Guidelines</cite> 所定义,“可访问性”指所有人平等使用的能力。</p> - ✅ 正确:
<blockquote cite="https://example.com/santi"><p>"宇宙就是一座黑暗森林。"</p><footer>— <cite>三体</cite>, 刘慈欣</footer></blockquote> - ❌ 错误:把
<cite>直接放在参考文献列表每条开头,导致读屏器重复播报“引用”,失去条目区分
与 blockquote 的 cite 属性严格区分
这是最容易混淆的一对:<cite></cite> 是元素,内容是人眼可读的标题;blockquote cite="" 中的 cite 是属性,值必须是真实可访问的 URL。
- ✅ 正确:
<blockquote cite="https://www.w3.org/TR/WCAG22/"><p>…</p><footer>— <cite>Web Content Accessibility Guidelines</cite></footer></blockquote> - ❌ 错误:
<blockquote cite="Web Content Accessibility Guidelines">(属性值不是 URL) - ❌ 错误:给
<p>或<div>加cite属性——浏览器忽略,辅助技术不可读
参考文献中要分层表达角色
整条参考文献不是标题,所以不能整个套 <cite>。要用语义结构分别标记不同部分:
- 标题用
<cite> - 作者用普通文本或
<strong> - 年份用
<time datetime="YYYY"> - 出版社或来源用普通文本
- 链接用
<a href="..."> - ✅ 推荐写法:
<cite>Design Patterns</cite>, E. Gamma et al., <time datetime="1994">1994</time>. Addison-Wesley.

















