该用 <q> 而不是 <blockquote> 当引用嵌在句子中间、不打断段落流，如「鲁迅说世上本没有路……」；<q> 是行内元素，浏览器自动加引号，适用于短于一行、属当前句子一部分的引用。
什么时候该用 <q> 而不是 <blockquote>
看引用是否「嵌在句子中间、不打断段落流」。用 <q> 的典型场景是：一句话里夹一句别人的话，比如「鲁迅说世上本没有路
，走的人多了也便成了路」——它天生是行内元素，不会换行，浏览器默认加引号。
- ✅ 正确：短于一行、无段落结构、语义上属于当前句子的一部分
- ❌ 错误：把三段话包进
<q>—— 浏览器可能不渲染引号，或语义错乱（辅助技术会误读为单句） - ⚠️ 注意：
<q>的引号样式由浏览器决定（英文双引号、中文直角引号等），无法靠 CSS 直接覆盖引号内容；若需精确控制引号样式，得用<span>+quotes属性，但已脱离语义化初衷
cite 属性写在哪？写了有什么用？
cite 属性只能写在 <blockquote> 或 <q> 标签上，用来声明引用来源的 URL（不是作者名，也不是书名）。
-
<blockquote cite="https://example.com/2024-report"><p>数据表明……</p></blockquote>—— 这个 URL 是机器可读的元数据，对 SEO 和屏幕阅读器有意义 -
<q cite="https://example.com/speech">我们要坚持到底</q>—— 合法，但实际支持度低；多数浏览器不显示，也不读出，仅作存档用途 - 别把它和
<cite>标签混淆：<cite>专用于作品标题（如<cite>《思考，快与慢》</cite>），不能放 URL
为什么 <blockquote> 一定要包裹块级内容？
因为它的语义是「从外部独立摘录的一段完整内容」，不是装饰性缩进。浏览器默认给它加 margin、缩进，还常配合 <footer> 或 <cite> 表示出处。
- ✅ 推荐结构：
<blockquote><p>第一段…</p><p>第二段…</p><footer>— <cite>《设计心理学》</cite></footer></blockquote></li> <li>❌ 常见错误：只包一个 <code><span>
或空格文本，导致语义断裂、无障碍访问失败 - ⚠️ 兼容提示：IE 完全不支持
<q>的自动引号，但<blockquote>在所有浏览器中都稳定渲染为块级缩进区域
嵌套使用时要注意什么？
可以嵌套，但必须符合语义层级：比如在一段 <blockquote> 里，某句话又引了别人更短的一句，这时里面可用 <q>。
立即学习“前端免费学习笔记（深入）”；
- 合法示例：
<blockquote><p>爱因斯坦曾强调：<q>想象力比知识更重要</q>。这提醒我们…</p></blockquote></li> <li>禁止反向嵌套：<code><q><blockquote>...</blockquote></q>
—— 语义冲突，HTML 验证器会报错 -
<cite>可以出现在两者内部，但只能用于作品名/文章标题，不能用于人名（如「张三说」应写为普通文本或<strong>，而非<cite>）
<blockquote> 和 <q> 的核心差异不在视觉，而在「这段话是不是独立存在、是否需要被单独索引」。 
