blockquote不是缩进工具，cite属性只认合法url且不渲染，段落必须用包裹，出处需手动添加结构，样式应通过margin和伪元素控制。
blockquote 不是缩进工具，填了 cite 却看不到作者名，不是你写错了，是它本来就不该显示。
必须用 <p></p> 包裹每一段，不能直接放纯文本
浏览器虽允许 <blockquote>第一段。第二段。</blockquote>，但实际会出三类问题：
- 屏幕阅读器连读成一句，无法识别段落停顿
- CSS 没法单独控制第二段的
margin-top或首行缩进 - XHTML 严格模式或部分 CMS 直接报错：“内容模型不匹配”
正确结构是所有段落都套 <p></p>，且全部在 <blockquote></blockquote> 内部：
<blockquote cite="https://example.com/article"> <p>这是第一段引用内容。</p> <p>这是第二段，逻辑上独立。</p> </blockquote>
cite 属性只认 URL，填书名或人名等于白写
cite 是纯语义属性，值必须是可访问的合法 URL（如 cite="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 属性本身不可见，人类可读的出处信息得靠你自己加，并且要符合语义：
-
<footer></footer>必须放在<blockquote></blockquote>内部末尾，不能放外面 -
<cite></cite>只用于作品标题、文章名、网站名（如<cite>HTML Standard, W3C</cite>），不用于人名 - 人名、出版社、页码等用普通文本写在
<footer></footer>里，别塞进<cite></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>
样式重置优先动 margin，引号得靠伪元素
浏览器默认只给 <blockquote></blockquote> 加左右外边距（Chrome/Firefox 约 40px），不是 padding 或 text-indent。指望默认样式做排版，大概率漏掉视觉提示。
- 清除默认缩进：用
blockquote { margin: 0; }，不是padding-left - 加左竖线最可靠：
blockquote { border-left: 3px solid #007acc; padding-left: 1rem; } - 引号必须用
::before/::after手动插入，quotesCSS 属性对blockquote无效
中文引号伪元素示例：
blockquote::before {
content: "「";
font-size: 1.5em;
line-height: 1;
}
真正容易被忽略的是：blockquote 的语义重心不在“长得像引用”，而在“来源可追溯”。哪怕你重置了所有样式，只要 cite 指向一个真实、稳定、可验证的 URL，它的语义价值就立住了。
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
