<blockquote>仅用于独立成段的外部长文本引用，如文章摘录、法律条文；短句引用用<q>并配合<cite>标作品名，出处用<footer>；<cite>不可用于人名，多层引用应避免嵌套<blockquote>而改用<q>内嵌。
blockquote 该用在哪儿，不是所有“引用”都该用它
HTML 里没有叫 <quote> 的标签，<blockquote> 也不是拿来包裹“别人说的一句话”的万能引文容器。它专指**独立成段的、从外部源节选的长文本内容**，比如文章摘录、他人博客段落、法律条文节选。浏览器默认会给它加左右缩进和上下空隙，语义上也暗示这段内容“不属于当前作者原创”。
- 短句引用（如“代码即文档”）该用
<q>，它会自动加引号（英文双引号，中文浏览器通常支持引号本地化） - 带出处的短引文，建议
<q>套<cite>（仅用于作品名，不是人名）：<q>人生苦短</q>，<cite>Python 官方文档</cite> -
<blockquote>内部如果要标出处，得用<footer>或<cite>（但注意：<cite>不能放人名，写“张三说”是错的；应写“《重构》”或“MDN Web Docs”）
q 标签引号不显示？检查父元素是否禁用了 quotes
<q> 的引号是 CSS 控制的，默认依赖 quotes 属性。如果页面全局重置了样式（比如某些 CSS 框架或 reset.css 把 quotes: none 扔给了所有元素），<q> 就会静默失效——看着像普通文字，没引号，也没报错。
- 快速验证：给
<q>加一行内样式style="quotes: '“' '”' '‘' '’';"，看引号是否出现 - 更稳妥的做法是在 CSS 中显式恢复：
q { quotes: "“" "”" "‘" "’"; } - 注意：不同语言需不同引号对，中文推荐用
"“" "”" "‘" "’"，英文常用"\"" "\"" "'" "'" - 别试图用
<q>嵌套实现多层引号——它只按层级自动套最外层一对，深层得靠 CSSquotes多级定义或手动加符号
cite 标签不是“引用来源”的通用容器
<cite> 的语义非常窄：它只表示**作品标题**，比如书名、文章名、电影名、网站名。写成 <cite>张三</cite> 在《前端精要》中提到… 是错的——“张三”不是作品，不该用 <cite>。
- 正确用法：
<p>正如 <cite>可访问性指南 WCAG 2.1</cite> 所述…</p> - 人名、机构名、URL、日期等信息，用
<span>或语义更准的标签（如<time>、<address>）更合适 - 如果整个引用块需要标注来源，优先用
<blockquote><footer>来源信息</footer></blockquote>，而不是把<cite>当 div 用 - SEO 和屏幕阅读器会把
<cite>当作作品标题朗读，乱用会导致辅助技术误读
引文嵌套时的语义断裂风险
真实场景常遇到“甲引用乙，乙又引用丙”，这时候直接套 <blockquote><blockquote><blockquote> 看似顺理成章，但语义会模糊：每个 <blockquote> 都该有明确的原始出处，三层嵌套后，中间层既不是原始源也不是当前文，容易让机器解析失败。
立即学习“前端免费学习笔记（深入）”；
- 推荐解法：用
<blockquote>包最外层引用，内部用<q>表示转述中的再引用 - 例如：
<blockquote> <p>李四指出：“王五曾强调，<q>语义 HTML 不是装饰，是契约</q>。”</p> <footer>引自《前端语义实践》，2023</footer> </blockquote>
- 避免用
<blockquote>包含非引用内容（比如解释性文字），否则会误导爬虫和阅读器认为整段都是外部摘录 - 如果必须多层外部引用，每层都补
<footer>，但得确保每一层的来源真实可追溯——这点手工维护成本高，实际项目中往往得权衡语义严谨性和可维护性
