仅用于引用可验证出处的内容，必须用 包裹每段，cite 属性只接受合法 url 且不渲染，人类可读出处需用 手动添加，语义正确优先于视觉样式。
blockquote 不是缩进工具，它只在你真能给出可验证 URL 出处时才该用；填了 cite 却看不到作者名？这不是 bug，是设计如此。
引用多段文字必须用 <p></p> 包裹，不能直接写文本
裸写 <blockquote>第一段。第二段。</blockquote> 虽然浏览器能显示，但会出三类问题：
- 屏幕阅读器大概率连读成一段，无法识别自然停顿
- CSS 没法单独控制第二段的
margin-top或text-indent - XHTML strict 模式或某些 CMS 模板引擎直接报错：“内容模型不匹配”
正确结构是每段都套 <p></p>，且全部放在 <blockquote></blockquote> 内部：
<blockquote cite="https://example.com/article"> <p>这是第一段引用内容。</p> <p>这是第二段，逻辑上独立。</p> </blockquote>
cite 属性只接受 URL，填书名或作者名就失效
cite 是纯语义属性，值必须是合法 URL（如 https://developer.mozilla.org/zh-CN/docs/Web/HTML/Element/blockquote），浏览器完全不渲染它——页面上永远不显示任何文字。
- ❌ 错误：
cite="《JavaScript 高级程序设计》"—— HTML 验证失败，爬虫无法提取有效信息 - ❌ 错误：
cite="张三"—— 无机器可读价值，辅助技术忽略 - ✅ 正确：
cite="/poems/jingyesi.html"或cite="https://zh.wikisource.org/wiki/静夜思"
如果目标 URL 返回 404 或跳转首页，cite 就失去实际意义。
想让用户看见“出自哪里”，必须手动加 <footer><cite></cite></footer>
cite 属性本身不可见，要展示人类可读的出处，得在 <blockquote></blockquote> 内部末尾手动添加结构：
- 必须用
<footer></footer>，不能放外面；<footer></footer>是 HTML5 语义化标签，专为此场景设计 -
<cite></cite>只用于作品标题、文章名、网站名等，不用于人名（人名用普通文本） - 别用
<small></small>或伪元素替代——它们没有语义，对屏幕阅读器无效
示例：
<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>
样式重置优先动 margin，引号得靠伪元素手动加
浏览器默认给 blockquote 加的是左右外边距（Chrome/Firefox 约 40px），不是 padding 或 text-indent：
- 清除默认缩进请用
blockquote { margin: 0; }，不是padding-left - 加左侧竖线比缩进更可靠：
blockquote { border-left: 3px solid #ccc; padding-left: 1rem; } -
quotesCSS 属性对blockquote无效，引号必须用::before/::after插入
中文引号示例：
blockquote::before {
content: "「";
font-size: 1.5em;
line-height: 0;
}
真正容易被忽略的是：语义校验比视觉效果重要得多——贴一段自己写的“名言”却硬套 blockquote，等于主动放弃可访问性与 SEO 权重。
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
