blockquote 的 cite 属性必须填绝对 URL，仅接受合法 URI，非法值被静默丢弃；它纯属机器可读元数据，不渲染、不显示，需配合 footer 和 cite 元素实现人类可读引用。
blockquote 的 cite 属性必须填绝对 URL，不是书名或描述文字
cite 属性只接受合法 URI，浏览器会静默丢弃非法值。填 cite="《设计模式》" 或 cite="见第12页" 都无效——解析失败，DOM 中查不到值。
✅ 正确写法只有：cite="https://doi.org/10.1145/123456789"、cite="https://developer.mozilla.org/zh-CN/docs/Web/HTML/Element/blockquote" 这类可访问的绝对地址。
- 相对路径如
cite="ref/spec.pdf"在跨域或静态部署时极易 404，不建议用于生产环境 - DOI、ISBN 必须转成可点击链接，比如
cite="https://doi.org/10.1000/xyz123"，不能直接写10.1000/xyz123 - 没有在线来源（如内部纸质报告）时，宁可省略
cite属性，别硬塞假链接
cite 属性不渲染、不显示，用户根本看不到它
写了 <blockquote cite="https://example.com">…</blockquote>，页面上不会自动出现“来源：https://example.com”字样——这不是 bug，是 W3C 明确设计：它纯属机器可读元数据。
❌ 别指望 cite 自动变成超链接；它和 href 完全无关，也不能当简写用。
立即学习“前端免费学习笔记（深入）”；
- 要让用户能点开，必须手动加链接，通常放在
<footer>里 - 可用
document.querySelector('blockquote').cite检查 DOM 是否被正确解析，但别用它触发跳转逻辑 - 搜索引擎会提取该值，但权重极低；辅助技术（如 Safari + VoiceOver）偶尔朗读，但行为不可靠
完整引用得靠 blockquote + footer + cite 元素协同实现
视觉上显示“——作者，《书名》”，靠的是结构，不是 cite 属性。属性管机器，元素管人眼。
✅ 推荐结构：
<blockquote cite="https://example.com/book"> <p>"对象应隐藏其内部细节。"</p> <footer>— <cite>设计模式</cite>, Gamma et al.</footer> </blockquote>
-
<footer>必须在<blockquote>内部末尾，放外面语义就断了 -
<cite>只包作品正式名称，如<cite>设计模式</cite>，不能含作者、年份、出版社 - 作者、年份等一律用普通文本或
<time datetime="2023">2023</time>承载 - 中文环境下
<cite>默认斜体辨识度低，建议 CSS 重置：cite { font-style: normal; color: #555; }
cite 属性只能用在这四个标签上：blockquote、q、ins、del
在 <p>、<div> 或 <section> 上加 cite 属性，浏览器直接忽略，验证器报错，屏幕阅读器也读不到。
- 常见错误：
<p cite="王教授讲座">…</p>→ 无效 HTML，毫无作用 -
<q cite="https://example.com">引文</q>合法，但同样不渲染，仍需手动加<footer>或其他方式呈现来源 - 涉及修订溯源（如合同条款更新），可用
<ins datetime="2026-08-12" cite="https://example.com/signed-v1.pdf">，但cite值必须指向可验证原始文件
<footer> 把出处写清楚。 
