正确结构是blockquote必须嵌套p标签，cite属性仅接受URL，footer内用cite标记作品名；q用于行内短引，cite仅限作品标题，三者语义不可混用。
blockquote 必须嵌套
，否则语义断裂
直接写 <blockquote>第一段。第二段。</blockquote> 能渲染出来，但不是“可用”，而是透支可访问性。屏幕阅读器大概率连读成一段，CSS 没法单独控制第二段的 margin-top 或 text-indent，XHTML strict 模式下验证直接失败。
正确结构只有一种：<p> 是强制容器，每段引用内容必须包裹在它里面，且全部放在 <blockquote> 内部：
<blockquote cite="https://example.com/article"> <p>这是第一段引用内容。</p> <p>这是第二段，逻辑上独立。</p> </blockquote>
-
<div>不推荐替代<p>：它没有段落语义，对 SEO 和辅助技术不友好 - 引用中含列表或小标题？可用
<ol>、<h3>等流内容元素，只要合法嵌套即可 - 换行符或空格模拟分段？纯视觉欺骗，无语义，别依赖
cite 属性只认 URL，填书名或人名就失效
cite 是纯机器可读属性，浏览器不渲染它，也不校验你填的是不是真链接——但它会拒绝非 URL 格式。填 cite="《JavaScript 高级程序设计》" 或 cite="张三"，HTML 验证直接报错，爬虫无法提取，document.querySelector('blockquote').cite 返回空字符串或 null。
真正有效的值只有两类：
立即学习“前端免费学习笔记（深入）”；
- 绝对 URL：
cite="https://zh.wikisource.org/wiki/静夜思" - 相对路径或锚点：
cite="/poems/jingyesi.html"或cite="#section2"
如果目标 URL 返回 404 或跳转首页，cite 就失去实际追溯价值——它不是装饰，是元数据凭证。
出处文字要显示？必须用
cite 属性本身不渲染任何内容。想在页面上显示“——作者，《书名》”这类文字，必须手动补充 HTML 元素，且位置有硬性限制：
-
<footer>必须放在<blockquote>内部，不能在外面包一层<div> -
<cite>只能用于标记作品名（如《前端手记》），不能包作者名或网址 - 别用
<small>或<div>替代<footer>——后者是 HTML5 明确允许的、语义正确的出处容器
推荐结构：
<blockquote cite="https://example.com/source"> <p>引用正文……</p> <footer>出自 <cite>《前端手记》</cite>，作者张三</footer> </blockquote>
和 别混用，语义边界很窄
<q> 只适合行内短引，比如句子或短语；浏览器默认给它加英文引号（中文需 CSS 覆盖）。把它当 <blockquote> 用——比如包整段话——就破坏语义，读屏器可能误判为普通文本。
<cite> 的职责更窄：它只标记「被引用的作品标题」，不是作者、网站名、URL，也不是引文内容本身。
- ✅ 正确：
<p>参见 <cite>JavaScript高级程序设计</cite> 第5章。</p> - ❌ 错误：
<cite>MDN Web Docs</cite>（网站名，不是具体作品） - ❌ 错误：
<q><cite>生存还是毁灭</cite></q>（<cite>不该嵌在<q>里，语义重叠）
单句引用优先用 <q>，长引用用 <blockquote>，作品名用 <cite>——三者分工明确，强行合并只会让语义模糊。
