<blockquote>仅用于明确引用外部独立成文内容，必须配合法定URL的cite属性、内部<p>包裹段落及<footer><cite>手动标注出处，否则即语义污染。
blockquote 只在你明确引用外部独立成文内容时才该用，否则就是语义污染——它不负责“看起来像引用”，只负责“声明这是引用”。
什么时候必须用 blockquote 而不是 div 或 p
判断标准就一条：这段话是否来自别处，且你能给出可验证的原始链接？
- ✅ 正确：摘录 MDN 上关于
fetch()的说明段落，cite指向https://developer.mozilla.org/zh-CN/docs/Web/API/Fetch_API - ✅ 正确：粘贴某篇论文结论，
cite是 DOI 链接（如https://doi.org/10.1000/xyz123） - ❌ 错误：自己写的“注意事项”加了缩进——该用
div class="note"+ CSS - ❌ 错误：AI 生成的“名言”配图——没出处，就不该套
blockquote
cite 属性填什么、不填会怎样
cite 是纯机器可读属性，浏览器不渲染它，但爬虫、屏幕阅读器和 SEO 工具依赖它。填错或留空，等于把引用标签“抽掉脊梁”。
- 必须是合法 URL：以
https://、http://或/path开头，不能是张三《前端手记》或来源：知乎 - 相对路径风险高：比如
cite="post.html"在静态站点中容易 404；建议用绝对 URL - 不填
cite：HTML5 不报错，但语义链断裂——辅助技术可能忽略其引用身份，SEO 权重归零
为什么必须用 p 包裹段落，不能直接写文本
裸文本写法 <blockquote>第一段。第二段。</blockquote> 在 HTML5 中虽能显示，但埋下多个隐患：
- 屏幕阅读器大概率连读成一段，无法识别自然停顿
- CSS 没法单独控制第二段的
margin-top或首行缩进 - XHTML 或某些 CMS 模板引擎会直接解析失败（报“内容模型不匹配”）
- 正确结构：
<blockquote cite="..."><p>第一段</p><p>第二段</p><footer><cite>《JavaScript 高级程序设计》</cite></footer></blockquote>
怎么让“——作者，《书名》”真正显示出来
cite 属性不渲染任何文字，想让用户看见出处，必须手动加结构化 HTML，且位置不能错：
- 必须放在
blockquote内部末尾，推荐用<footer><cite>《论语·学而》</cite></footer> -
cite元素只用于作品标题（书名、文章名、URL 文本），人名用普通文本或span - 别用
<small>或纯 CSS 伪元素替代——它们没有语义，对辅助技术无效 - 如果出处含链接，给
cite外层加a，并确保aria-label清晰，例如：<a href="https://example.com" aria-label="引用自《网络安全白皮书》第3.2节"><cite>《网络安全白皮书》</cite></a>
最常被跳过的其实是语义校验：贴一段自己写的“引用”，硬塞 cite="fake-url"，标签就从语义工具退化成视觉糖衣——它不报错，但正在悄悄削弱页面的可信度与可访问性根基。
