<blockquote>仅用于引用外部独立成文内容，如规范、文档段落；非引用类提示应使用<aside>或带class的<div>；cite属性须为完整URL且需手动添加<footer>链接以显示来源。
HTML 里的 <blockquote> 不是用来“引用别人说的话”就完事的——它本质是语义化标签，浏览器、屏幕阅读器和搜索引擎都靠它判断内容层级和引用关系。用错地方，反而会破坏可访问性或 SEO。
什么时候必须用 <blockquote>，而不是 <div> 或 <p>
只在明确引用「外部独立成文的内容」时才该用：<blockquote>。比如摘录另一篇文章段落、引用 GitHub issue 描述、转述 RFC 文档条款。
- ✅ 正确场景：从《HTTP/1.1 规范》里抄一段定义文字
- ❌ 错误场景：自己写的“温馨提示”“注意”“小贴士”——这些属于强调，不是引用，用
<aside>或带 class 的<div>更合适 - ⚠️ 模糊地带：引用同事 Slack 消息？不算正式外部来源，语义上不推荐
<blockquote>；真要用，至少加cite属性说明出处
cite 属性不是摆设，但别指望它自动显示链接
cite 是纯元数据，浏览器默认不渲染、不加下划线、不变成可点击链接。它只对辅助技术和爬虫有意义。
- 想让用户看到来源？得手动写
<footer><a href="...">原文链接</a></footer>，放在<blockquote>内部末尾 -
cite值必须是完整 URL（如https://example.com/spec#section-2.1），不能是相对路径或文字描述 - 如果引用来自 PDF 或书本，
cite可以填 DOI 或 ISBN 链接，但别填 “《JavaScript 高级程序设计》P123” 这种纯文本
<blockquote cite="https://developer.mozilla.org/en-US/docs/Web/HTML/Element/blockquote"> The <code><blockquote></code> element indicates that the enclosed text is an extended quotation. <footer><a href="https://developer.mozilla.org/en-US/docs/Web/HTML/Element/blockquote">MDN HTML blockquote docs</a></footer> </blockquote>
样式没生效？先检查是否被 CSS 重置或继承干扰
很多 CSS 重置库（如 Normalize.css）会把 <blockquote> 的 margin 设为 0，或者清空 border-left——这会让你以为“样式没加进去”，其实是被覆盖了。
立即学习“前端免费学习笔记（深入）”；
- 浏览器默认样式其实很弱：仅左右 margin，无边框、无缩进、无引号
- 想加左侧竖线？得显式写
border-left: 4px solid #ccc;，别依赖“应该有”的印象 - 嵌套引用时（比如引文里再引一句），
<blockquote>本身不支持自动缩进层级，需靠 CSS 的blockquote blockquote选择器手动控制 - 移动端要注意：部分 iOS Safari 对
<blockquote>的font-size有奇怪继承行为，建议显式声明
真正难的不是怎么写这个标签，而是每次敲 <blockquote> 之前，得停下来问一句：这段内容，是否真的构成一个可溯源、可独立存在的外部引用？如果不是，换标签更诚实。
