必须嵌套等语义块级元素，否则导致语义断裂、屏幕阅读器误读、css无法分段控制；cite属性仅接受有效url，不可填作者名或出版社，出处需用手动添加。
blockquote里直接写文字会出什么问题
会显示，但语义断裂、可访问性差、CSS难控制——尤其当引用含多段时，屏幕阅读器可能把整块读成一段，<p></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></footer>标签，放在<blockquote></blockquote>内部 -
<cite></cite>元素可用于包裹作者/书名等文本，但它和cite属性无关，也不自动关联 URL
多段引用必须用多个
还是可以套
必须用 <p></p> 等语义化块级元素，<div> 不推荐——虽然 HTML5 允许流内容，但 <code><div> 缺乏段落语义，对可访问性和 SEO 不友好。
<p>正确结构示例：</p><div class="aritcle_card flexRow artxards">
<div class="artcardd flexRow">
<a class="aritcle_card_img" rel="nofollow" href="/xiazai/skill7761" title="Article To Html"><img
src="https://img.php.cn/upload/skill/000/000/081/179168408018805.jpg" alt="Article To Html" onerror="this.onerror='';this.src='/static/lhimages/moren/morentu.png'" ></a>
<div class="aritcle_card_info flexColumn">
<a rel="nofollow" href="/xiazai/skill7761" title="Article To Html" class="overflowclass">Article To Html</a>
<p class="overflowclass">文章转信息图。将文章/笔记转化为手机可读的 HTML 信息图，自动匹配视觉风格。触发场景：文章转图、笔记转图、信息图、转小红书图、做张图、可视化这篇文章、文生图。</p>
</div>
<a rel="nofollow" href="/xiazai/skill7761" title="Article To Html" class="aritcle_card_btn flexRow flexcenter"><b></b><span>下载</span>
</a>
</div>
</div>
<pre class="brush:php;toolbar:false;"><blockquote cite="https://example.com/article">
<p>这是第一段引用内容。</p>
<p>这是第二段，逻辑上独立。</p>
<footer>—— 来源：<cite>《Web 标准实践》第3版</cite>，2025年</footer>
</blockquote></pre>
<ul>
<li>
<code><footer></footer> 必须在 <blockquote></blockquote> 内部，不能放外面
<br> 换行模拟段落，那只是视觉欺骗，无语义<ol></ol>、<h3></h3> 等，只要它们属于流内容即可短引用别硬套blockquote，用更合适
单句、嵌入正文的引用（比如“三人行，必有我师焉”），用 <blockquote></blockquote> 是语义过载——它专为“摘自另一源的块级内容”设计，浏览器默认缩进，破坏行内节奏。
- 正确选择：
<q>三人行，必有我师焉</q>，浏览器会自动加引号（可被 CSS 控制） -
<q></q>支持cite属性，同样只认 URL - 嵌套使用也合法：
<p>孔子说：<q cite="https://example.com/analects">三人行，必有我师焉</q>。</p>
真正容易被忽略的是：blockquote 的语义重心不在“长得像引用”，而在“来源可追溯”。哪怕你缩进再漂亮，没 cite URL 或没 <footer></footer> 说明，它就只是个视觉盒子，不是语义引用。
