核心区别在于语义层级：q用于嵌入句中不打断段落流的简短引用，是行内元素；blockquote用于独立成段的外部摘录，是块级元素，必须包含块级子元素如<p>，二者cite属性均须为URL且专供机器解析。

q 和 blockquote 的核心区别不在长短，而在语义层级和内容结构：一个是“插在句子里的话”，一个是“独立成段的摘录”。

引用是否打断段落流？

这是最直接的判断依据：

• 适合嵌入当前句子中，不换行、不中断阅读节奏。例如：<p>她笑着说<q>今天真开心</q>，然后转身离开。</p>

• 必须脱离原句结构，单独占据视觉和语义空间。例如整段摘录他人发言、报告原文或诗节，哪怕只有一句话，只要它原本就是独立段落，就该用

  。

标签类型与渲染行为不同

是行内元素，浏览器默认加引号（如“”或「」），但不换行、不缩进；

是块级元素，自带上下外边距和缩进，默认以独立区块呈现。

• 用包三行文字？浏览器可能只加一对引号，甚至不渲染，屏幕阅读器会误读为一句连贯话。
• 把

  当缩进工具？它不是样式容器，强行用于非引用场景会破坏语义，影响SEO和无障碍访问。

cite 属性的写法和作用一致，但实际效果有差异

两者都支持 cite 属性，且值必须是完整 URL（如 cite="https://example.com/speech"），不能是人名、书名或相对路径。

• 这个属性不显示在页面上，专供搜索引擎和屏幕阅读器识别来源。

• 配合 cite 更常见也更有效；加 cite 虽合法，但多数浏览器不朗读、不展示，仅作存档参考。

• 别和 标签混淆： 专用于作品标题（如《平凡的世界》），不能放 URL。

嵌套规则清晰，不可颠倒

二者可以共存，但层级必须合理：

• 允许在

  内部使用 —— 比如摘录一段演讲，其中某句又转引了别人更短的一句话。

• 禁止 包裹

  —— 行内元素不能包含块级内容，HTML 验证器会报错，语义完全冲突。

• 内部必须至少含一个块级子元素（如

  ），否则在严格模式下验证失败。