应使用<blockquote>表示独立成段的长引用，<q>用于嵌入句中的短引用；<blockquote>必须包裹块级元素（如<p>），<q>是行内元素且浏览器自动加引号；出处需用<footer>显式标注，cite属性仅接受URL且不显示。
引用块该用 <blockquote> 还是 <q>
语义决定标签选择：<blockquote> 用于**独立成段、可脱离上下文存在的长引用**，比如摘录整段文章、用户评论、法律条文；<q> 只适用于**嵌入在段落中、较短的内联引用**，且浏览器会自动添加引号（但不保证样式一致）。混用会导致语义错误，影响屏幕阅读器识别和 SEO。
-
<blockquote>必须包裹完整引用内容，可嵌套<p>、<footer>等，但不能直接放文本节点 -
<q>不应包含换行或段落，否则会被打断——它本质是“一句话里的引文” - 如果引用带出处，
<blockquote>内用<footer>（不是<cite>）标注作者/来源，例如<footer>— 张三，《设计原则》，2024</footer> -
<cite>只用于作品标题（如书名、文章名），不是人名或机构名；它不表示引用来源，仅标识被引用内容的原始出处名称
<blockquote> 里要不要加 <cite>？
不加。常见错误是写成 <blockquote><p>……</p><cite>张三</cite></blockquote>——这违反规范。<cite> 的语义是“被引用作品的标题”，比如《Web 标准实践》；而作者名、时间、出处链接等元信息应放在 <footer> 中，且 <footer> 是 <blockquote> 的合法子元素。
- 正确结构：
<blockquote><p>语义化不是装饰，是基础设施。</p><footer>— 李四，《前端语义手册》，2025</footer></blockquote> -
<cite>可以出现在<footer>里，但仅当它是作品标题时，例如<footer>— 出自 <cite>HTML Living Standard</cite></footer> - 若需链接出处，把
<a>套在<footer>文本内，不要包裹整个<blockquote>
引用块的视觉样式与可访问性冲突点
CSS 重置引号或缩进时容易破坏辅助技术理解。浏览器默认给 <blockquote> 加左缩进和斜体，但屏幕阅读器依赖这个结构标记来宣布“这是引用”，而不是靠样式。
- 禁用
font-style: normal或font-style: inherit覆盖默认斜体——除非你同时用 ARIA 属性明确声明角色，否则会削弱语义 - 用
margin-inline-start替代padding-left控制缩进，避免干扰焦点顺序和读屏顺序 - 不要给
<blockquote>加role="quote"：它已有隐含 role，重复声明反而可能覆盖原生行为 - 若引用内容来自第三方 API 动态插入，确保 DOM 插入后仍保留完整结构（含
<footer>），否则读屏软件可能跳过出处
嵌套引用或多人对话怎么处理
没有 <blockquote> 的嵌套规范，W3C 明确不鼓励多层 <blockquote>。真实场景中，所谓“引用中的引用”应拆解为逻辑分组，而非视觉嵌套。
立即学习“前端免费学习笔记（深入）”；
- 多人对话用
<section>+ 多个<blockquote>并列，每个配独立<footer>，例如会议记录 - 引文里再引一句，优先用
<q>包裹内层短句，外层仍用<blockquote> - 避免
<blockquote><blockquote>…</blockquote></blockquote>：它会让读屏软件误判层级，且无法准确传达引用关系 - 若必须强调某句被多次转引，用
<aside>注释说明，而不是靠嵌套标签
<footer> 漏写，或一个 <cite> 误用，可能让整段引用在无障碍环境中失效——而这往往在开发阶段完全不可见。 
