blockquote必须嵌套p标签，因其内容模型要求块级元素包裹裸文本；cite属性仅接受合法URL作元数据，不渲染；人类可读出处须用footer内嵌cite手动标注。
blockquote 不是缩进工具，也不是“看起来像名言”的视觉容器；它只在你真能提供可验证外部来源时才该用——否则语义断裂、辅助技术失效、SEO 丢权重。
为什么 blockquote 必须嵌套 p 标签
直接写 <blockquote>第一段。第二段。</blockquote> 虽然浏览器能渲染，但会破坏三类关键能力：
- 屏幕阅读器大概率把整块读成一句话，无法识别段落停顿
- CSS 没法单独控制第二段的
margin-top或text-indent - XHTML strict 模式或部分 CMS 模板引擎直接报错：“内容模型不匹配”
根本原因：HTML5 规范明确要求 blockquote 的内容模型是“流内容”，但它**不接受裸文本节点**——必须由合法块级元素包裹。p 是语义最匹配、兼容性最稳的选择。
cite 属性填错等于没填
cite 是纯机器可读属性，值必须是合法 URL，浏览器完全不渲染它。填错就等于切断语义链：
立即学习“前端免费学习笔记（深入）”；
- ❌
cite="《JavaScript 高级程序设计》"—— HTML 验证失败，document.querySelector('blockquote').cite返回null - ❌
cite="张三"—— 爬虫无法提取，辅助技术忽略 - ✅
cite="https://zh.wikisource.org/wiki/静夜思"—— 可验证、可追溯、可被提取 - ✅
cite="/poems/jingyesi.html"—— 相对路径也合法，但目标页必须真实存在且返回 200
如果 URL 返回 404 或跳转首页，cite 就失去元数据凭证价值——它不是装饰，是引用可信度的基础设施。
想让用户看见出处，得手动加 footer + cite
cite 属性本身不可见，人类可读的出处必须显式写出：
-
footer必须放在blockquote内部末尾，不能放外面 -
cite元素只用于作品名、文章名、网站名（如<cite>HTML Standard, W3C</cite>），不用于人名或出版社 - 人名、页码、年份等用普通文本写在
footer里，别塞进cite标签
示例结构：
<blockquote cite="https://www.w3.org/TR/html52/grouping-content.html#the-blockquote-element"> <p>The <code><blockquote></code> element represents content that is quoted from another source.</p> <footer>— <cite>HTML Standard, W3C</cite></footer> </blockquote>
注意：cite 元素和 cite 属性毫无关系，只是名字撞了——一个管机器，一个管人眼。
长引用里的特殊内容怎么处理
引用中若含代码、诗歌、列表或小标题，可直接合法嵌套对应元素，只要它们属于“流内容”：
- 代码片段用
pre+code组合，再包进blockquote - 诗歌建议用
pre保留换行与空格，避免靠 CSS 模拟排版 - 多层逻辑段可用
ol、ul或h4，但别嵌套多个blockquote来实现缩进层级 - 连续英文单词或长中文段落撑破容器？用
word-break: break-word或overflow-wrap: break-word控制
最常被忽略的一点：很多人加了 blockquote 就以为“引用完成”，其实真正起作用的是 cite 属性与源内容之间的可验证关联——没这个，它就是个带默认缩进的 div。
