cite元素仅用于标记被引用作品的标题（如书名、电影名），不可用于作者、年份、页码或整段引文；应配合blockquote、footer等标签使用，且不可嵌套列表或替代参考文献容器。
cite 元素不是用来标注所有引用的
cite 在 HTML 中只表示「被引用作品的标题」，不是「引用来源」或「引用行为」本身。很多人误用它包裹作者名、年份、页码，甚至整段引文——这不符合语义，也影响可访问性和 SEO。
比如，写「《肖申克的救赎》改编自斯蒂芬·金的小说」时，只有书名或电影名才该用 cite；导演、作者、出版社等信息不属于它的职责范围。
- ✅ 正确：
<cite>The Shawshank Redemption</cite> - ❌ 错误：
<cite>Directed by Frank Darabont (1994)</cite> - ❌ 错误：
<cite>Stephen King, <em>Rita Hayworth and Shawshank Redemption</em>, 1982</cite>
书籍和电影标题该用 cite，但需配合其他语义标签
单靠 cite 不足以完整表达文献引用。实际场景中，它常与 blockquote、q、footer 或 aside 组合使用，明确「谁说的」「在哪说的」「出处在哪」。
例如引用书中一段话：
<blockquote cite="https://example.com/book"> <p>Fear can hold you prisoner. Hope can set you free.</p> <footer>— from <cite>Rita Hayworth and Shawshank Redemption</cite> by Stephen King</footer> </blockquote>
注意：blockquote 的 cite 属性是 URL（非文本），而内部的 cite 元素才是书名本身。
-
cite属性值必须是有效 URL，不能是书名或 ISBN -
cite元素内不要嵌套作者名、年份、出版社——这些应放在footer或普通段落里 - 电影名、书名、专辑名、画作名都适用
cite；期刊文章标题也可以，但整本期刊名不推荐
常见错误：把 cite 当成「参考文献列表」容器
cite 是行内元素，不能包裹多条引用、不能替代 ol 或 dl。有人写：
<cite> <li>Smith, J. (2020). <em>Web Semantics</em>. MIT Press.</li> <li>W3C. (2023). <cite>HTML Living Standard</cite>.</li> </cite>
这是无效 HTML（cite 不接受 li 子元素），也破坏了结构语义。
- 参考文献列表应使用
ol或dl，每条用li或dt/dd - 其中的书名/标准名可用
cite，如<cite>HTML Living Standard</cite> - 避免用
cite套em或i——它默认已带斜体样式，且语义优先于表现
兼容性与可访问性提醒
所有现代浏览器都支持 cite，但它不触发任何特殊行为（比如不会自动链接、不会朗读为“引用”）。屏幕阅读器通常按普通文本处理，除非配合 ARIA 或上下文（如 blockquote）。
- 不要依赖
cite实现视觉强调——需要统一斜体风格请用 CSS 控制cite { font-style: italic; } - 若引用需跳转到原文，必须显式添加
a标签，cite本身不提供链接能力 - 中文书名号《》不是
cite的替代品，也不应混用：写<cite>三体</cite>即可，无需加书名号
最易被忽略的一点：很多人在 CMS 或 Markdown 渲染中把「引用」和「作品标题」混为一谈，结果生成一堆嵌套错误的 cite。检查输出 HTML 时，盯住「这里到底是不是一个作品的名称」就够了。
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
