blockquote的cite属性仅为机器可读元数据，不渲染、不跳转、不参与SEO；需手动添加标签并配合<footer>或<cite>元素才能实现用户可见可点击的引用来源。
blockquote 的 cite 属性不支持直接跳转
HTML 标准里，blockquote 的 cite 属性只是**元数据**，浏览器不会把它渲染成可点击链接，也不会影响 SEO 或访问行为。它纯粹是告诉开发者“这段引文来源何处”，和 img 的 alt 类似——只供解析、读屏或爬虫参考，不参与交互。
想让用户点开文献 URL，得手动加 <a>
权威文献 URL 要真正可访问，必须显式包裹在 <a> 标签里。常见做法是把引用说明（含 URL）放在 blockquote 外部或内部的 <footer> / <cite> 中：
<blockquote> <p>“语义网的目标是让数据对机器可读。”</p> <footer>—— <a href="https://www.w3.org/DesignIssues/Semantic.html">Tim Berners-Lee, Semantic Web Design Issues</a></footer> </blockquote>
-
cite属性可以保留，用于补充机器可读来源：<blockquote cite="https://www.w3.org/DesignIssues/Semantic.html"> - 不要只写域名（如
cite="w3.org"），必须是完整 URL（含https://），否则无效 - 如果文献有 DOI，优先用
https://doi.org/xxx形式，更稳定
为什么不用 <cite> 标签自动链接？
<cite> 是纯语义标签，只表示“作品标题”，**不带任何链接能力**。下面这段代码不会产生链接：
<blockquote cite="https://example.com/paper"> <p>…引文内容…</p> <cite>Example Paper</cite> </blockquote>
它只是告诉浏览器：“这行文字是作品名”，但用户点不了、爬虫也抓不到 URL。想链接，还是得套 <a href="..."></a>。
立即学习“前端免费学习笔记（深入）”；
实际部署时容易漏掉的细节
很多开发者以为设了 cite 就算“引用到位”了，结果文献不可访问、无法验证。真实场景中要注意：
- URL 必须能公开访问（别用内网地址、登录后才可见的 PDF）
- 避免使用短链（如 bit.ly），不利于长期存档和学术引用
- 如果引用的是 PDF，最好在链接文字里注明格式，比如：
<a href="xxx.pdf">Paper (PDF)</a> -
cite值和<a href>的 URL 应该一致，否则语义矛盾，可能被校验工具报错
最简但有效的模式就是：一个 <a> 链接 + 一个匹配的 cite 属性，二者 URL 完全相同。其他花式写法，基本都在增加维护成本。
