先记住这个答案
三者分工不同：blockquote 是块级容器，用于整段或跨段的独立长引用，可用其 cite 属性给出处 URL；q 是行内元素，用于嵌在句子里的短引用，浏览器会自动加引号，也可带 cite 属性；cite 元素用来标记引文的作品来源名称，比如书名、文章名、规范名，HTML 规范明确它不应包作者人名，作者名字放在普通文本里。署名若要出现在引用旁边，应放在 blockquote 之外。
- 长引用用
blockquote，句内短引用用q cite元素只标作品名，不包作者名- 署名必须放在
blockquote元素之外 cite属性是机器可读的出处 URL，不显示
三个元素各自的语义角色与默认行为
blockquote 属于流内容且是分节根，语义是“这是一段扩展引用”，默认渲染为左右缩进。它可以包含任意流内容，比如多个 p、列表甚至标题。它的 cite 属性接受一个 URL，指向引文来源文档，但该值只供机器读取，浏览器不会显示，想给读者看的出处必须另写文本。
q 是行内元素，语义是“句子里的短引用”，浏览器默认在其前后插入引号，且引号样式随文档 lang 变化，因此自己再手写引号会导致重复。cite 元素语义最窄：它标记的是被引用作品的标题，如书名、论文名、法规名。HTML 规范明确它不能用来包裹人名，作者名应作为普通文本，必要时用 cite 元素标其作品。
<!-- 句内短引用，浏览器自动补引号 -->
<p>规范原文说 <q cite="https://html.spec.whatwg.org/#the-blockquote-element">attribution for the quotation must be placed outside the blockquote element</q>，署名要写在引用块外面。</p>
<!-- 块级长引用，出处 URL 放 cite 属性 -->
<blockquote cite="https://www.huxley.net/bnw/four.html">
<p>Words can be like X-rays, if you use them properly—they'll go through anything. You read and you're pierced.</p>
</blockquote>
<p>—Aldous Huxley, <cite>Brave New World</cite></p>适用于所有现代浏览器的静态 HTML。注意 cite 属性值不会渲染，作品名用 cite 元素，作者名保持纯文本。
技术文档页面引用 RFC 规范条款
场景：内部开发文档站要在文章中引用 RFC 9110 的一整段状态码定义（约 80 词），并在段后注明来源；正文中另有一句需要引用该规范的一个短语。约束：屏幕阅读器用户需要识别引用边界，SEO 抓取需要可读的来源文本。决策：整段定义用 blockquote 且 cite 属性填规范 URL，来源说明写成该元素后的段落，其中“RFC 9110”用 cite 元素包裹；句中短语用 q 并去掉手写引号。
结果：屏幕阅读器能报出块引用的起止，抓取的页面里来源文本真实可见而非藏在属性里；q 依赖浏览器自动引号，切换中文页面时引号样式自然变为弯引号。如果当时把整段定义塞进 q，行内元素包块级内容会造成结构混乱；若把规范作者名包进 cite 元素，则违反规范语义，依赖该语义的工具会误把它当作品名处理。
语义误用会失效的几种条件
第一类失效：把 blockquote 当缩进样式用，比如给提示框、代码说明做视觉缩进。这会向辅助技术谎报“这里是引用”，应改用 div 加 CSS margin。第二类失效：给 q 手动加引号或对其用 CSS quotes 覆盖时处理不当，会出现双引号嵌套错误；多语言页面尤其明显，因为不同语言的引号规则由 lang 驱动。
第三类失效：cite 属性被当作可见引用来源。该属性不渲染、不可点击，读者完全看不到，如果团队只写了属性没写文本，页面上等于没有出处；处理方式是属性与可见文本双写，代价是内容冗余。第四类：对话记录、用户发言这类引用同样适用 blockquote 或 q，应根据引用长短选择；如果出处是口头访谈或对话记录，可在 cite 属性中给出记录页 URL，但若没有作品标题则无需使用 cite 元素。
容易答错的地方
- 用 cite 元素包裹作者名字
- HTML 规范明确
cite元素标记的是作品来源而非人名。正确写法是作者名用普通文本，其作品名才放进cite元素，例如“某人，cite 包《书名》”。 - 把署名写进 blockquote 内部
- 规范要求引用的署名信息放在
blockquote之外，因为它不是被引用内容的一部分。放进内部会让辅助技术把署名也当作引文朗读，且语义抓取会把来源误算进引用正文。 - 用 blockquote 实现纯视觉缩进
blockquote携带“这是一段引用”的强语义，仅为了缩进而使用会误导屏幕阅读器和语义分析工具。纯排版缩进应通过 CSS 的 margin 实现，不占用引用语义。
面试官还会怎么问？
blockquote 的 cite 属性和 cite 元素功能重复吗？
不重复。cite 属性是机器可读的出处 URL，不渲染给读者；cite 元素是可见文本中标记作品名称的语义标签。实践中两者可并用：属性给工具，元素给读者。
q 自动加引号，中文页面需要注意什么？
浏览器根据最近的 lang 值决定引号样式，中文环境通常是弯引号。前提是 html 上正确设置了 lang；若 lang 缺失或写错，引号样式可能与文种不匹配，且不应再手写引号以免重复。
blockquote 里能放多个段落或列表吗？
可以。blockquote 的内容模型是流内容，允许多个 p、ul 甚至 figure。它本身不直接表示段落，长引用时应把文字包在内部的 p 中，而不是裸写文本节点。
参考资料
示例用于理解所注明的运行环境与边界；延伸学习可结合原文中的更多案例。