blockquote仅用于引用外部独立成文内容，必须包裹<p>等块级元素，cite属性只接受有效URL且不渲染，出处需用<footer><cite>手动标注，样式应重置margin并用伪元素添加引号。
blockquote 不是“加缩进的样式工具”，它只该用在你明确引用外部独立成文内容的场景。填了 cite 属性却看不到作者名？那不是 bug，是设计如此。
blockquote 必须包裹块级元素，不能直接放纯文本
HTML5 允许 <blockquote>纯文本</blockquote>，但实际中会出问题：
- 多段文字连成一段读，屏幕阅读器无法识别自然停顿
- CSS 没法单独控制第二段的
margin-top或首行缩进 - XHTML 验证直接失败（如遗留系统仍要求 strict 模式）
正确写法是每段都用 <p> 包裹，并全部放在 <blockquote> 内部：
<blockquote cite="https://example.com/article"> <p>第一段引文内容。</p> <p>第二段引文内容。</p> </blockquote>
cite 属性只接受 URL，且完全不渲染
写了 cite="《JavaScript 高级程序设计》"？浏览器会忽略，校验器报错，爬虫也拿不到有效信息。
立即学习“前端免费学习笔记（深入）”；
-
cite值必须是完整可访问的 URL（如cite="https://developer.mozilla.org/zh-CN/docs/Web/HTML/Element/blockquote"） - 该属性仅用于语义标注和 SEO，不参与 DOM 渲染，页面上永远不显示
- 如果目标 URL 返回 404 或跳转首页，
cite就失去实际价值
想让用户看见出处？必须手动加结构：
<blockquote cite="https://example.com/zhangsan"> <p>函数执行时若未传参，<code>arguments.length</code> 返回 0。</p> <footer>出自 <cite>《JavaScript 高级程序设计》第4版</cite>，p.127</footer> </blockquote>
样式重置要从 margin 入手，别碰 padding 或 text-indent
浏览器默认给 blockquote 加的是左右外边距（Chrome/Firefox 约 40px），不是内边距或首行缩进。
- 清除默认缩进请用
blockquote { margin: 0; }，不是padding-left - 加左侧竖线强调引用更可靠：
blockquote { border-left: 3px solid #ccc; padding-left: 1rem; } - 引号得靠
::before/::after手动插入，quotesCSS 属性对blockquote无效
伪元素示例（中文引号）：
blockquote::before {
content: "「";
font-size: 1.5em;
line-height: 0;
}
blockquote::after {
content: "」";
font-size: 1.5em;
line-height: 0;
}
别把 blockquote 当 div 用，无来源就别硬套
如果你写的是一段提示语、内部备注、或查不到原始链接的“名人名言”，blockquote 就不该出现。
- 误用会干扰屏幕阅读器判断（它会把这段内容当作“他人观点”播报）
- SEO 工具可能错误归因内容权属
- 真正没出处的内容，用
<div class="quote">+ CSS 控制更诚实
最常被跳过的其实是语义校验：贴一段自己写的“引用”，再补个虚构 cite，等于同时破坏可访问性与数据可信度。
