cite属性必须填合法绝对URL，如https://doi.org/10.1145/123456789；它仅作机器可读元数据，不渲染、不交互，用户不可见，需额外用标签提供可点击链接。
cite属性填什么才算合法 URL
cite 属性值必须是可访问的 URI，不是描述文字，也不是相对路径的随意写法。浏览器会静默丢弃非法值，比如 cite="张三《前端手记》" 或 cite="来源：https://example.com"——前者含中文标点和空格，后者混入了非 URL 文本。
- ✅ 正确写法只保留绝对 URL：
cite="https://developer.mozilla.org/zh-CN/docs/Web/HTML/Element/blockquote" - ⚠️ 相对路径如
cite="spec.html"在静态站点或跨域部署时极易 404，不推荐用于生产环境 - ? DOI 或 ISBN 可转为可访问链接，例如
cite="https://doi.org/10.1145/123456789"，比留空更符合语义规范
为什么写了 cite 却看不到链接
cite 是纯元数据属性，浏览器不渲染、不提示、不点击。你写 <blockquote cite="https://example.com">…</blockquote>，用户根本不知道那个地址存在。这不是 bug，是设计如此——W3C 明确说它“仅供机器读取”。
- ❌ 别指望
cite自动变成超链接；它和href完全无关，也不能当简写用 - ✅ 真正让用户能点开，必须手动加
<a href="...">原文链接</a>，通常放在<footer>里 - ? 可用
document.querySelector('blockquote').cite检查 DOM 中是否被正确解析，但别用它触发跳转逻辑
blockquote 里怎么放出处才语义正确
视觉上显示“——作者，《书名》”，靠的是结构，不是 cite。cite 只管机器可读来源，<footer> + <cite> 才负责人类可读呈现。
- ✅ 正确组合：
<blockquote cite="https://example.com/article"><p>引文内容</p><footer>— <cite>HTML Living Standard</cite></footer></blockquote> - ❌ 错误写法：把作者、年份、出版社全塞进
<cite>，比如<cite>《设计模式》，Gamma 著，1994</cite>—— 违反 HTML5 语义，屏幕阅读器会误读 - ⚠️
<footer>必须在<blockquote>内部末尾，不能放在外面；否则语义断裂，无障碍支持失效
cite 属性对 SEO 和辅助技术到底有没有用
有，但非常有限。搜索引擎会提取 cite 值，但权重几乎可以忽略；少数屏幕阅读器（如 Safari + VoiceOver）可能朗读它，但行为不一致、不可依赖。
立即学习“前端免费学习笔记（深入）”；
- ✅ 若引用来自权威文档（如 MDN、WHATWG），填真实 URL 有助于结构化数据补充
- ❌ 别为 SEO 单独加 cite；比起 cite，正文里自然出现的外链 + 锚文本效果强得多
- ⚠️ 法务或版权管理场景下，cite 不构成法律意义上的声明，真正需要版权标注时，得用
<footer>显式文本 +<link rel="license">+ 自定义data-属性
最常被忽略的一点：cite 属性本身从不参与渲染，也不触发任何交互。它只是个安静的元数据字段——想让用户伸手点到来源，永远得靠你自己写的 <a> 标签。
