仅用于引用独立成块的非原创完整内容，必须配cite属性且值为有效URL；仅适用于段落内的一句话短引用，不可嵌套或滥用。
<blockquote></blockquote> 和 <q></q> 不是“加引号”或“缩进用的”，它们只在真正引用他人内容时才该出现；滥用或写错，SEO 和可访问性都会受损。
什么时候必须用 <blockquote></blockquote> 而不是 <p></p><div class="aritcle_card flexRow">
<div class="artcardd flexRow">
<a class="aritcle_card_img" href="/xiazai/skill10134" title="plan-fractional-cfo-firm-local-seo-faq-cluster"><img
src="https://img.php.cn/upload/skill/001/246/273/6adaf20d3191a227.jpg" alt="plan-fractional-cfo-firm-local-seo-faq-cluster" ></a>
<div class="aritcle_card_info flexColumn">
<a href="/xiazai/skill10134" title="plan-fractional-cfo-firm-local-seo-faq-cluster">plan-fractional-cfo-firm-local-seo-faq-cluster</a>
<p>调研本地问题，归类整理，为兼职CFO公司起草可直接发布的FAQ文案。用于本地SEO工作...</p>
</div>
<a href="/xiazai/skill10134" title="plan-fractional-cfo-firm-local-seo-faq-cluster" class="aritcle_card_btn flexRow flexcenter"><b></b><span>下载</span> </a>
</div>
</div> 或 CSS
当你摘录一段**独立成块、非原创的完整内容**——比如从 MDN 抄一段 Array.prototype.map() 的说明、从某篇论文截取结论段落、转发他人博客中的一整节——这时语义上它已脱离你的行文主干，<blockquote></blockquote> 就是唯一合规标签。
- 不能只为了视觉缩进而套它：浏览器默认给
<blockquote></blockquote>加左右边距，但这只是默认样式，不是它的存在理由 - 里面嵌
<p></p>是允许的，但必须配cite属性，否则机器无法识别来源 - 如果引用内容含多个自然段，每个段落仍要用
<p></p>包裹，而不是塞进一个没分段的<blockquote></blockquote> - 别在
<blockquote></blockquote>里手动写“——张三《前端杂谈》”，出处必须走cite属性
cite 属性为什么不能省、也不能乱填
cite 是 <blockquote></blockquote> 和 <q></q> 唯一标准属性，它的值必须是**有效 URL**（相对或绝对均可），作用不是给人看，而是给爬虫、阅读器、SEO 工具提取原始来源。
- 填空字符串、纯文本（如
cite="张三"）或无效链接（如cite="https://"），等于主动放弃语义，搜索引擎会忽略这段引用关系 - 纸质书出处？可用 ISBN 链接，例如
cite="https://isbnsearch.org/isbn/97875198XXXXX" - 浏览器不显示
cite值，所以别指望它自动渲染成“来源：xxx”；要展示文字出处，得另加<footer></footer>或<small></small>，但那和cite无关 - Next.js / Vue SSR 场景下，
cite必须服务端渲染输出，不能靠 JS 后续补——爬虫看不到动态插入的属性
<q></q> 只适合“一句话插在段落里”的场景
<q></q> 是行内短引用，典型用法是：“这个方案很激进”，或者“<q>useEffect 是副作用的入口</q>”。它不换行、不缩进，浏览器默认加英文双引号（中文需用 CSS 覆盖）。
立即学习“前端免费学习笔记（深入）”；
- 绝不能用它包整段话，哪怕只有三行——那是
<blockquote></blockquote>的职责 - 别在
<q></q>里再套<q></q>：HTML 不支持子引用语义，嵌套后读屏器可能朗读混乱 - 它也支持
cite，但实际中极少需要；多数短引无需标注来源，或来源已在上下文说明 - 如果你发现要反复加
<q></q>来标关键词，说明内容组织有问题——考虑改用<dfn></dfn>或直接加粗更合适
最常被忽略的点：引用标签的语义一旦写错，就不可逆地切断了机器对“谁说了什么”的理解链。这不是样式能修好的事，重写 HTML 结构才是唯一解法。
