blockquote内直接写裸文本会透支可访问性：屏幕阅读器读成一句，CSS无法精确控制段落样式，XHTML strict或部分CMS报错；HTML5规范要求必须用<p>等块级元素包裹，禁止裸文本节点。
blockquote里直接写文本会出什么问题
会显示，但不是“能用”，是透支可访问性。屏幕阅读器大概率连读成一句，CSS 没法单独控制第二段的 margin-top 或 text-indent，XHTML strict 模式或部分 CMS 直接报错“内容模型不匹配”。
- HTML5 规范明确要求
blockquote的内容模型是流内容（flow content），但**不允许裸文本节点**——必须由合法块级元素包裹 -
<p>是最常用、语义最匹配的选择；<div>虽技术上允许，但无段落语义，对 SEO 和辅助技术不友好 - 别用换行符或空格模拟分段：HTML 会合并空白符，那只是视觉欺骗，无任何语义支撑
cite属性填错等于没写
cite 属性只接受合法 URL，浏览器完全不渲染它，也不校验你填的是不是真链接——但它会拒绝非 URL 格式，填错就失去机器可读价值。
- ✅ 正确值：
cite="https://zh.wikisource.org/wiki/静夜思"或cite="/poems/jingyesi.html" - ❌ 错误值：
cite="《JavaScript 高级程序设计》"→ HTML 验证失败，document.querySelector('blockquote').cite返回null - ❌ 错误值：
cite="张三"或cite="#section2"→ 爬虫无法提取，辅助技术忽略 - ⚠️ 风险值：
cite="post.html"在静态站点中易 404；若目标页跳转首页或返回 404，cite就只剩一个空壳
想让用户看见出处，必须手动加 footer 和 cite 元素
cite 属性不可见，人类可读的出处信息得靠你自己加，且结构必须合法：位置限定在 blockquote 内部末尾，cite 元素只用于作品名、文章名、网站名，不用于人名或出版社。
-
<footer>必须放在<blockquote>内部，不能放外面；否则语义断裂，辅助技术无法关联上下文 -
<cite>只包裹书名、标准名、URL 文本，例如：<cite>HTML Standard, W3C</cite> - 作者名、页码、出版社等用普通文本写在
<footer>里，别塞进<cite>—— 否则会被误判为引用内容中提到的人名 - 错误示例：
<cite><blockquote>...</blockquote></cite>；正确组合：<blockquote cite="..."><p>...</p><footer>— <cite>《重构》</cite>, Martin Fowler</footer></blockquote>
缩进别碰 text-indent，用 padding-left + border-left
text-indent 对 blockquote 没用——它只影响第一行首字符，而引用块通常多行、含多个 <p>，后续行不会缩进，反而更难读。
立即学习“前端免费学习笔记（深入）”；
- 真正起作用的是
padding-left：推整个块，所有子元素（包括<p>、<ol>、<pre>）都统一缩进 - 配合
border-left强化视觉锚点，比纯留白更易识别引用边界 - 嵌套引用用层级选择器：
blockquote blockquote而不是堆class，语义清晰且免去 HTML 加类的麻烦 - 响应式下注意留白呼吸感：缩进太小像挤在一起，太大又像漏段；调的时候盯着真实内容看首行与第二行的对齐关系，比数值更重要
<p> 都有独立语义、每一条 cite 都指向可验证的源头、每一个 <footer> 都不越界塞错信息——这些细节不报错，但一错就让引用变成“看起来像”，而不是“确实是”。 
