<cite>标签仅用于标记作品标题，如书名、电影名、文章标题等，不可用于作者名、网站名或链接；正确用法是语义准确地标识被引用的作品名称。
HTML <cite> 标签该用在哪儿
它只用来标记「作品标题」，不是随便谁都能被 <cite> 包裹的。常见错误是把它当「引用来源」或「作者名」用——比如写成 <cite>张三</cite> 或 <cite>https://example.com</cite>，这都不符合规范。
W3C 明确说：<cite> 表示“参考文献中被引用的作品名称”，比如书名、电影名、文章标题、歌曲名等。它的语义核心是「作品」，不是「人」或「链接」。
- ✅ 正确：
<p>参见 <cite>JavaScript高级程序设计</cite> 第5章。</p> - ✅ 正确：
<blockquote><p>“人生自古谁无死”</p><footer>— <cite>过零丁洋</cite>，文天祥</footer></blockquote> - ❌ 错误：
<cite>MDN Web Docs</cite>（这是网站名，不是具体作品；应写成<a href="...">MDN Web Docs</a>） - ❌ 错误：
<cite>Vue 3 官方文档</cite>（文档集合不算单一作品；若特指某篇指南，可写<cite>Composition API 指南</cite>）
<cite> 和 <q>、<blockquote> 的关系
三者语义不同，但常一起出现。<q> 表示短引用（浏览器自动加引号），<blockquote> 表示长引用（块级、缩进），而 <cite> 是它们的「配套说明」——用来标出被引内容出自哪部作品。
注意：<cite> 不必非得放在 <blockquote> 里，也不强制跟在引文后面。它只是独立表达「这个标题我提到了」，位置灵活，但必须语义准确。
立即学习“前端免费学习笔记（深入）”；
-
<blockquote>内部推荐用<footer>包裹<cite>，这是 HTML5 推荐结构 -
<q>一般不嵌<cite>，因为太短；真要注明出处，建议改用<blockquote> - 不要用
<cite>替代<em>或<i>做样式强调——它没有默认斜体语义（虽然浏览器通常渲染为斜体，但那是 UA stylesheet 的事）
样式和可访问性影响
默认浏览器会把 <cite> 渲染成斜体，但这只是视觉表现，不能依赖它传递含义。屏幕阅读器一般不会特别播报「这是 cite 标签」，所以别指望靠它提升可访问性。
真正影响可访问性的，是你有没有用对语义：如果把作者名塞进 <cite>，辅助技术可能误判内容类型；而正确使用时，配合 <blockquote> + <footer>，能帮助理解引用上下文。
- 如需统一控制样式，直接写 CSS：
cite { font-style: normal; }，不必担心破坏语义 - SEO 方面几乎无影响——搜索引擎不单独抓取
<cite>，但它能增强页面整体语义结构 - 不要为了「看起来像引用」而滥用；宁可不用，也不要错用
容易被忽略的兼容性细节
<cite> 是 HTML5 正式标签，所有现代浏览器都支持，连 IE9+ 都没问题。但老版本 IE（IE8 及更早）会把它当未知标签，不识别其语义，仅当作普通内联元素处理。
这不是大问题，因为 <cite> 本身不带功能，只承担语义。但如果你在 CSS 中写了 cite { ... } 并依赖它生效，就得确认是否需要兼容极老环境——通常不需要专门 hack。
- 无需引入 polyfill，也不用 JS 模拟
- 服务端渲染或静态站点生成时，放心输出，没有运行时风险
- 唯一要注意的是：别把它和
<abbr>、<dfn>等语义标签混淆使用场景
