cite属性仅存储可访问URL作为机器可读元数据，不渲染、不显示、不交互；必须配合或显式展示出处，且仅限blockquote、q、ins、del四类标签使用。

cite 属性本身不显示、不点击、不渲染文字，只存一个可访问的 URL 作为机器可读元数据——这是它唯一合法用途。

为什么写了 cite 却看不到来源信息

浏览器完全忽略 cite 的视觉输出，它不是“署名快捷键”，也不是“自动加链接”功能。常见误解包括：

• 在
  上用 cite：该属性不被
  支持，DOM 中都读不到
• 填 cite="《HTML指南》" 或 cite="page12"：值必须是完整、可访问的 URI（如 https://example.com/spec），否则验证失败
• 指望屏幕阅读器稳定朗读：部分读屏器（如 VoiceOver + Safari）会读，但 NVDA/Chrome 组合常跳过，不能依赖

cite 属性只能用在这 4 个标签上

W3C 明确限定其使用范围，超出即无效：

财经HTML高端海报生成

复杂得财经如何变成清晰，适合手机看的海报？如何加上你的IP

下载

• ✅
• ✅
• ✅
• ✅
• ❌ 浏览器静默忽略
• ❌ 同样无效

即使 DOM 中能取到 blockquote.cite，也不代表用户看得见或辅助技术一定能解析。

真正让用户看到并点开来源，得靠显式结构

cite 属性提供的是后端/爬虫/工具链可用的 URI，而前端交付必须手动构造：

• 用
  包裹人类可读的出处说明，比如
  — 语义化实践, 李四, 2024
• 若需可点击，必须显式加 @#@#@#@#@#@#@#@#@#@0，cite 本身不带 href
• URL 值含中文或空格时，必须手动 URL 编码（如 cite="https://example.com/%E5%BC%95%E7%94%A8"），href 则由浏览器自动处理

最容易被忽略的一点：没有在线来源时，宁可省略 cite 属性，也不要填假链接或书名。语义断裂比缺失更难修复——尤其是对学术引用和可访问性场景。