<blockquote>必须嵌套<p>等语义块级元素，否则导致语义断裂、屏幕阅读器误读、CSS无法分段控制；cite属性仅接受有效URL，不可填作者名或出版社，出处需用<footer>手动添加。
blockquote里直接写文字会出什么问题
会显示，但语义断裂、可访问性差、CSS难控制——尤其当引用含多段时，屏幕阅读器可能把整块读成一段，<p>边界消失，margin-top或首行缩进完全失效。
常见错误写法：<blockquote>第一段。第二段。</blockquote>
- XHTML strict 验证直接报错（要求必须嵌套块级元素）
- 某些辅助技术忽略段落结构，影响视障用户理解逻辑层次
- 想单独给第二段加
text-indent或color？做不到，因为没独立容器
cite属性填作者名或出版社名就错了
cite 属性只接受合法 URL，不是“出处说明栏”。填 cite="李白《静夜思》" 或 cite="人民文学出版社" 不仅无效，还会让 HTML 验证失败，且浏览器根本不渲染该值。
- 正确用法：
cite="https://zh.wikisource.org/wiki/静夜思"或cite="/poems/jingyesi.html" - 如果只想展示“作者：李白”，必须手动加
<footer>标签，放在<blockquote>内部 -
<cite>元素可用于包裹作者/书名等文本，但它和cite属性无关，也不自动关联 URL
多段引用必须用多个<p>还是可以套<div>
必须用 <p> 等语义化块级元素，<div> 不推荐——虽然 HTML5 允许流内容，但 <div> 缺乏段落语义，对可访问性和 SEO 不友好。
html-to-pptx-converter
下载
使用 PptxGenJS 和 Python 解析，将结构化的 HTML/CSS 幻灯片内容转换为原生、可编辑的 PowerPoint（.pptx）演示文稿。
立即学习“前端免费学习笔记（深入）”；
正确结构示例：
<blockquote cite="https://example.com/article"> <p>这是第一段引用内容。</p> <p>这是第二段，逻辑上独立。</p> <footer>—— 来源：<cite>《Web 标准实践》第3版</cite>，2025年</footer> </blockquote>
-
<footer>必须在<blockquote>内部，不能放外面 - 避免用
<br>换行模拟段落，那只是视觉欺骗，无语义 - 若引用中含列表或标题，可用
<ol>、<h3>等，只要它们属于流内容即可
短引用别硬套blockquote，用<q>更合适
单句、嵌入正文的引用（比如“三人行，必有我师焉”），用 <blockquote> 是语义过载——它专为“摘自另一源的块级内容”设计，浏览器默认缩进，破坏行内节奏。
- 正确选择：
<q>三人行，必有我师焉</q>，浏览器会自动加引号（可被 CSS 控制） -
<q>支持cite属性，同样只认 URL - 嵌套使用也合法：
<p>孔子说：<q cite="https://example.com/analects">三人行，必有我师焉</q>。</p>
真正容易被忽略的是：blockquote 的语义重心不在“长得像引用”，而在“来源可追溯”。哪怕你缩进再漂亮，没 cite URL 或没 <footer> 说明，它就只是个视觉盒子，不是语义引用。
