blockquote的cite属性只能填可访问的绝对或相对URL，不渲染、不显示，仅作机器可读元数据；用户可见的出处信息必须手动用<footer><cite>等结构写在blockquote内部末尾。
blockquote 的 cite 属性只能填 URL，不是作者名或书名
它不显示在页面上，也不参与渲染，只作为机器可读的元数据存在。填错格式（比如 cite="《JavaScript 高级程序设计》"）会导致 HTML 校验失败，且语义完全断裂。
常见错误包括：
-
cite="张三"—— 非 URL，校验器报错，辅助技术无法识别 -
cite="#section2"—— 片段标识符不是合法 URI，语义无效 -
cite="post.html"—— 相对路径易 404，尤其在静态站点或 CDN 场景下
正确做法是用绝对 URL 指向原始出处，例如：cite="https://developer.mozilla.org/zh-CN/docs/Web/HTML/Element/blockquote"。这个链接最好真实可访问、内容匹配所引文本。
想让用户看到“出自哪里”，必须手动加
cite 属性本身不生成任何可见文字。要让访客在页面上看到作者、书名、页码等信息，得靠结构化 HTML：
立即学习“前端免费学习笔记（深入）”；
-
<footer></footer>必须放在<blockquote></blockquote>内部末尾，不能在外面套一层 -
<cite></cite>只能包裹作品名（如《HTML5 权威指南》），不能包人名、网址或年份 - 作者名、机构、时间等直接写在
<footer></footer>里，不进<cite></cite>
示例：
<blockquote cite="https://html.spec.whatwg.org/multipage/grouping-content.html#the-blockquote-element"> <p>The <code><blockquote></code> element represents content that is quoted from another source.</p> <footer>— WHATWG, <cite>HTML Living Standard</cite></footer> </blockquote>
cite 属性和 标签完全无关，别混用
这是最容易混淆的一点：cite 是 <blockquote></blockquote> 的属性，值必须是 URL；而 <cite></cite> 是一个独立语义标签，用于包裹作品标题，两者职责不同、语法不同、用途不同。
典型误用：
- 把
<cite></cite>当作cite属性的替代（比如删掉cite=""只留<cite>书名</cite>）→ 机器不可读出处 - 在
<cite></cite>里塞链接（如<cite href="...">）→<cite></cite>不支持href，需外层套<a> - 用
<cite></cite>包裹整段引用 → 语义错误，<cite></cite>只用于作品名
记住：有真实出处链接时，cite 属性 + <footer></footer> + <cite></cite> 是黄金组合；没链接时，至少保留 <footer></footer> 和 <cite></cite> 显式声明作品名。
浏览器兼容性没问题，但别依赖它做功能逻辑
所有主流浏览器（包括 IE9+）都支持 cite 属性，但它不触发任何默认行为：不自动加链接、不改变样式、不朗读给用户听（部分屏幕阅读器可能读，但行为不一致）。
开发中要注意：
- 别用
document.querySelector('blockquote').cite做条件判断或交互依据 - SEO 权重极低，远不如正文中的自然外链；别为优化 SEO 硬加虚构 URL
- 若引用来自论文或 API 文档，
cite更适合作为结构化数据的备用字段，配合 JSON-LD 使用更稳妥
最常被忽略的是：很多人写了 cite 就以为“出处已标注”，结果用户根本看不到来源信息，机器也因 URL 失效而读不到——真正起作用的，永远是那个手动写的 <footer></footer>。
