摘要是对文献要点的简明陈述，包含目的、方法、结果和结论四要素，适用于学术论文、专利等，要求客观中立、高度概括、独立完整，字数通常为100–300字。
别用 div 包引用，也别手动敲引号——<blockquote> 和 <q> 不是“可有可无”的装饰，而是语义、无障碍、SEO 的基础设施。选错标签，屏幕阅读器可能跳过整段内容，搜索引擎可能忽略引用来源，CSS 也容易失控。
什么时候必须用 <blockquote> 而不是 <q>
核心判断只有一条：这段引用是否在语义上「独立成段、脱离原句结构」？
- ✅ 必须用
<blockquote>：整段摘录自他人文章/演讲/报告，比如「《人类简史》中写道：<blockquote><p>虚构故事的能力，是智人语言最独特的功能……</p></blockquote>」 - ✅ 必须用
<blockquote>：引用含多个段落、列表或标题，哪怕你只摘了一段，只要它原本就是块级结构 - ❌ 禁止用
<q>包多段文字：浏览器不会渲染引号，辅助技术会误读为单句；HTML 验证器报错Element q must not contain block-level elements - ⚠️ 注意：
<blockquote>默认要求内部是块级内容（如<p>），直接写文本可能在 strict 模式下不通过验证
什么时候该用 <q> —— 且不能用 <blockquote>
<q> 是行内元素，它的存在意义就是「嵌入句子中，不打断流」。
anything-to-html
下载
将调研报告、方案对比、数据分析、需求梳理、会议纪要、设计说明、代码评审、学习笔记等任务产物输出为可在浏览器直接打开的单文件 HTML，替代 Markdown 作为最终交付物。Markdown 在信息密度、视觉清晰度和可分享性上已跟不上 AI 产物的丰富度，HTML 能同时承载排版、表格、SVG 等。
- ✅ 正确场景：「鲁迅说
<q>世上本没有路，走的人多了，也便成了路</q>」——整句是你的叙述，<q>只负责包裹那句被引的话 - ✅ 支持嵌套一层：「他转述道：
<q>她说<code><q>我明天不来</q></q>」，外层双引号 + 内层单引号（Chrome/Firefox 支持） - ❌ 错误用法：把
<q>当缩进工具，或用来包裹带换行的诗句（如「床前明月光…」），它不会自动换行，视觉和语义全错 - ⚠️ 兼容性提醒：IE6–8 不渲染
<q>的引号，若需兼容，得靠 CSSquotes属性兜底，但会牺牲语义准确性
cite 属性到底写在哪、有什么用
cite 是元数据，不是展示文案，它只对机器有意义。
立即学习“前端免费学习笔记（深入）”；
- ✅ 只能写在
<blockquote>或<q>开始标签里，值必须是完整 URL（如cite="https://example.com/report#sec3"） - ✅
<blockquote cite="https://..."><p>数据表明…</p></blockquote>—— 这个 URL 会被爬虫提取，也能被屏幕阅读器朗读（部分支持） - ❌ 不要写人名或书名：
cite="鲁迅《故乡》"是无效的；应改用<cite>《故乡》</cite>标作品名 - ⚠️
<q cite="...">合法但几乎无实际效果：主流浏览器不显示、不朗读，仅作存档用途，慎用
样式控制与常见踩坑
浏览器默认样式只是起点，但改样式前得先守住语义底线。
- ✅
<blockquote>缩进可用margin-inline-start替代老式margin-left，更适配 RTL 语言 - ✅ 引号样式想统一？用 CSS
quotes+::before/::after，但注意：这会覆盖浏览器自动引号，<q>的语义仍保留 - ❌ 别用
<blockquote>做「视觉缩进」：它不是排版工具，滥用会导致语义污染，影响 SEO 权重分配 - ⚠️ 最容易被忽略的一点：嵌套层级超过两层时（
<q><q><q>…</q></q></q>），第三层引号大概率不渲染——这不是 bug，是规范未强制要求，别依赖
