<cite>标签仅用于标记作品名称，如书名、文章名等，不可用于URL或作者出处；正确用法是包裹作品标题，可与<a>嵌套但不可替代链接功能。
html 没有 <cite> 标签的官方“引用来源”语义功能，它只负责标记作品名称，不是 url 或作者出处。
为什么 <cite> 不是“来源链接”标签
很多人误以为 <cite> 是用来放参考链接或出处网址的，比如写成 <cite>https://example.com</cite> —— 这不符合 HTML 规范。W3C 明确定义：<cite> 仅用于标示「作品标题」，比如书名、文章名、电影名、歌曲名等，且不强制要求带链接。
- 正确用法：
<p>参见 <cite>JavaScript 高级程序设计</cite> 第 5 章。</p></li> <li>错误用法：<code><p>资料来源：<cite>https://developer.mozilla.org</cite></p>
（URL 不是作品名） - 即使加了
<a>，也应把链接套在<cite>外面，而不是让它“假装是链接”
<cite> 和 <a> 怎么配合才合规
真要标注来源链接，得靠 <a>；<cite> 只负责包裹那个“名字”。两者可以嵌套，但角色不能颠倒。
- 推荐写法：
<p>详见 <a href="https://html.spec.whatwg.org/multipage/text-level-semantics.html#the-cite-element"><cite>HTML Living Standard: cite element</cite></a>。</p> - 浏览器默认会把
<cite>渲染为斜体，但这只是样式，不影响语义 - 如果只想放链接不提作品名，直接用
<a>就行，别硬塞<cite>
替代方案：真正标记“引用来源”的 HTML 方式
HTML 本身没有专用“来源出处”标签，但可用组合方式表达更清晰的引用关系：
- 用
<blockquote>+<footer>：适合大段引文，<footer>内可放作者、出处、链接，例如<footer>—— <a href="/author/jane">Jane Doe</a>, <cite>Web Accessibility Guidelines</cite></footer> - 用
<data>+value属性存机器可读的来源 ID（如 DOI），再配合人类可读文本 - Microdata 或 RDFa 可扩展语义，但普通页面基本用不到，反而增加维护成本
最容易被忽略的一点：搜索引擎和读屏器确实会识别 <cite>，但只把它当“作品标题”处理；如果你塞进去的是 URL 或机构名，辅助技术可能朗读错，甚至影响 SEO 的内容理解。语义对了，机器才不会猜。
立即学习“前端免费学习笔记（深入）”；
