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