cite属性仅在<blockquote>、<q>、<ins>、中合法，值必须为可访问的绝对或相对URL，不渲染、不自动解析，仅作机器可读元数据；需配合<footer>等显式结构才能被用户感知。
cite 属性本身不提供“隐式映射”——它只是存一个 URL 字符串，浏览器不会自动解析、跳转、显示或关联任何内容。所谓“隐式”，是开发者误以为加了就等于“链接上了”，实际它连 DOM 文本节点都不生成。
为什么 cite 属性值必须是绝对或相对 URL
HTML5 规范强制要求 cite 的值可被解析为有效 URI，否则会被浏览器静默丢弃。常见失效场景包括：
-
cite="张三《前端手记》"：含中文、书名号，不是 URL，DOM 中查不到blockquote.cite -
cite="来源: https://example.com"：混入描述文本，解析失败 -
cite="post.md"：相对路径在静态站点构建后可能 404，且无法被爬虫准确定位原始出处 -
cite="doi:10.1234/abcd"：合法（DOI 是 URI scheme），但多数浏览器和辅助技术不处理非 HTTP(S) 协议
真正安全的做法是只填一个真实可访问的绝对 URL，例如：cite="https://developer.mozilla.org/en-US/docs/Web/HTML/Element/blockquote"。
cite 属性只在 <blockquote> 和 <q> 中生效
加在 <p>、<div>、<section> 上完全无效——验证器报错，DevTools 显示属性存在但 DOM API 读不到，屏幕阅读器也跳过。W3C 明确限定其作用域仅限四个元素：<blockquote>、<q>、<ins>、<del>。
立即学习“前端免费学习笔记（深入）”；
如果你需要为一段普通段落标注来源，不能靠 cite，而应：
- 改用
<blockquote>包裹该段落（语义正确） - 或手动添加结构化标记，如
<footer><a href="...">原文链接</a></footer> - 避免用
<span cite="...">这类写法，纯属无效
如何验证 cite 是否被正确解析
别依赖肉眼观察，直接查 DOM：
document.querySelector('blockquote').cite
如果返回空字符串或 undefined，说明值非法或标签不对。注意：
- 该属性读取的是原始字符串，不做 URL 解析或规范化
- 即使值合法，
cite也不会触发任何事件、不参与 CSS 选择器匹配、不能用:has([cite])选中 - 它对 SEO 影响微乎其微，Google 不将其作为引用权威性信号
真正影响用户和机器的，是你显式写出的 <footer> 或 <a> 链接——cite 只是那个链接的“备份字段”，仅此而已。
最常被忽略的一点：你写了 cite，但没配 <footer>，用户就真的什么也看不到；你配了 <footer>，但里面没写链接，用户就点不了；你写了链接，但 cite 值是死链，结构化数据就失去可信锚点。三者缺一不可，但只有后两者是用户能伸手碰到的部分。
