核心区别在于语义层级：q用于嵌入句中不打断段落流的简短引用，是行内元素；blockquote用于独立成段的外部摘录，是块级元素，必须包含块级子元素如，二者cite属性均须为url且专供机器解析。
q 和 blockquote 的核心区别不在长短，而在语义层级和内容结构：一个是“插在句子里的话”，一个是“独立成段的摘录”。
引用是否打断段落流？
这是最直接的判断依据：
适合嵌入当前句子中，不换行、不中断阅读节奏。例如：
<p>她笑着说<q>今天真开心</q>，然后转身离开。</p>必须脱离原句结构，单独占据视觉和语义空间。例如整段摘录他人发言、报告原文或诗节，哪怕只有一句话，只要它原本就是独立段落，就该用
。
标签类型与渲染行为不同
是行内元素，浏览器默认加引号（如“”或「」），但不换行、不缩进；
是块级元素，自带上下外边距和缩进，默认以独立区块呈现。
- 用
包三行文字？浏览器可能只加一对引号，甚至不渲染，屏幕阅读器会误读为一句连贯话。
- 把
当缩进工具？它不是样式容器，强行用于非引用场景会破坏语义，影响SEO和无障碍访问。
cite 属性的写法和作用一致，但实际效果有差异
两者都支持 cite 属性，且值必须是完整 URL（如 cite="https://example.com/speech"），不能是人名、书名或相对路径。
- 这个属性不显示在页面上，专供搜索引擎和屏幕阅读器识别来源。
配合 cite 更常见也更有效；
加 cite 虽合法，但多数浏览器不朗读、不展示，仅作存档参考。
- 别和 标签混淆： 专用于作品标题（如《平凡的世界》），不能放 URL。
嵌套规则清晰，不可颠倒
二者可以共存，但层级必须合理：
- 允许在
内部使用
—— 比如摘录一段演讲，其中某句又转引了别人更短的一句话。
- 禁止
包裹
—— 行内元素不能包含块级内容，HTML 验证器会报错，语义完全冲突。
内部必须至少含一个块级子元素（如
），否则在严格模式下验证失败。
