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