cite属性仅作机器可读元数据，不渲染、不显示，必须配合<footer>和显式呈现可点击链接，且cite值须为合法URL，否则语义失效。
blockquote 的 cite 属性不显示在页面上
直接写 cite="https://example.com" 不会让链接出现在页面里，浏览器根本不会渲染它——这是最常被误解的一点。HTML 规范明确说明：cite 是元数据，仅用于标记引用来源，不参与视觉呈现。
想让 URL 可见，必须手动添加链接文本
常见错误是只依赖 cite 期待自动出链接。正确做法是显式写出可点击的 <a>：
<blockquote cite="https://example.com"> “这句引文来自权威文档。” <footer>— 来源：<a href="https://example.com">example.com</a></footer> </blockquote>
注意几点：
-
cite值和<a href>地址应保持一致，否则语义断裂 -
<footer>是<blockquote>的合法子元素，比用<p>更语义准确 - 如果引用来源是书或文章名（非 URL），
cite可填标题，但<footer>仍需人工写出对应信息
cite 属性值必须是绝对或相对 URL，不能是纯文本
写成 cite="《JavaScript 高级程序设计》" 是无效的——解析器会把它当 URL 处理，导致网络请求失败或控制台警告 Failed to load resource。有效写法只有两种：
立即学习“前端免费学习笔记（深入）”；
- 绝对 URL：
cite="https://developer.mozilla.org/en-US/docs/Web/HTML/Element/blockquote" - 相对 URL：
cite="sources/report.pdf"（确保路径可访问）
即使你只是想记录来源名称，也得包装成合法 URL 形式，比如用 data: 协议：cite="data:text/plain,《深入浅出Node.js》"，但实际意义有限，不如直接写在 <footer> 里。
屏幕阅读器对 cite 的支持很弱
多数屏幕阅读器忽略 cite 属性，不会朗读它。依赖它传递关键信息会导致无障碍失效。真正需要被用户感知的来源信息，必须出现在 DOM 文本流中——也就是老老实实写进 <footer> 或 <p> 里。
复杂点在于：语义（cite）、视觉（<footer> 中的链接）、无障碍（DOM 文本）三者要各自到位，又不能互相替代。漏掉任何一环，引用就只是半成品。
