cite属性仅存储可访问URL作为机器可读元数据，不渲染、不显示、不交互；必须配合或显式展示出处，且仅限blockquote、q、ins、del四类标签使用。
cite 属性本身不显示、不点击、不渲染文字，只存一个可访问的 URL 作为机器可读元数据——这是它唯一合法用途。
为什么写了 cite 却看不到来源信息
浏览器完全忽略 cite 的视觉输出，它不是“署名快捷键”，也不是“自动加链接”功能。常见误解包括：
- 在
<p cite="作者简介"></p>上用cite：该属性不被<p></p>支持，DOM 中都读不到 - 填
cite="《HTML指南》"或cite="page12"：值必须是完整、可访问的 URI（如https://example.com/spec），否则验证失败 - 指望屏幕阅读器稳定朗读：部分读屏器（如 VoiceOver + Safari）会读，但 NVDA/Chrome 组合常跳过，不能依赖
cite 属性只能用在这 4 个标签上
W3C 明确限定其使用范围，超出即无效：
htmlppt.skill
下载
把任意文章或文档内容转换成精美的全屏翻页 HTML 演示文件（幻灯片风格）。当用户发来一篇文章、文档链接、Markdown 内容、或粘贴的文本，并且希望生成演示用的 HTML 时触发。支持任意内容来源：iWiki 链接、KM 链接、本地文件路径、直接粘贴的文本。生成的 HTML 文件保存到本地工作区，并通过企微直接发送给用户。触发词示例：帮我把这篇文章做成PPT、转成演示文档、生成HTML幻灯片、做个演示、转成可以演示的格式、article to deck、make a slide。
-
<blockquote cite="..."></blockquote>✅ -
<q cite="..."></q>✅ -
<ins cite="..."></ins>✅ -
<del cite="..."></del>✅ <div cite="..."> ❌ 浏览器静默忽略 <li> <code><span cite="..."></span>❌ 同样无效- 用
<footer></footer>包裹人类可读的出处说明，比如<footer>— <cite>语义化实践</cite>, 李四, 2024</footer> - 若需可点击，必须显式加
<a href="..."><cite>标题</cite></a>，cite本身不带href - URL 值含中文或空格时，必须手动 URL 编码（如
cite="https://example.com/%E5%BC%95%E7%94%A8"），href则由浏览器自动处理
即使 DOM 中能取到 blockquote.cite，也不代表用户看得见或辅助技术一定能解析。
立即学习“前端免费学习笔记（深入）”；
真正让用户看到并点开来源，得靠显式结构
cite 属性提供的是后端/爬虫/工具链可用的 URI，而前端交付必须手动构造：
最容易被忽略的一点：没有在线来源时，宁可省略 cite 属性，也不要填假链接或书名。语义断裂比缺失更难修复——尤其是对学术引用和可访问性场景。
