BLOCKQUOTE标签引用外部文本的HTML文档结构排版-html教程-PHP中文网

必须嵌套，否则语义断裂、可访问性受损、css无法分段控制；cite属性仅接受url，人类可读出处须用内部显式标注。

blockquote标签引用外部文本的html文档结构排版

blockquote 必须嵌套

，否则语义断裂

直接写 <blockquote>第一段。第二段。</blockquote> 能渲染，但不是“可用”，而是透支可访问性：屏幕阅读器大概率连读成一句话，CSS 无法单独控制第二段的 margin-top 或 text-indent，XHTML strict 模式或部分 CMS 会校验失败。

正确结构只有一种：<p></p> 是必需容器，每段自然段必须独立包裹：

<blockquote cite="https://example.com"></blockquote>
<p>这是第一段引用内容。</p>
<p>这是第二段，逻辑上独立。</p>

若引用中含列表、小标题或代码块，可合法嵌套 <ol></ol>、<h4></h4>、<pre class="brush:php;toolbar:false;"></pre> 等流内容元素，只要它们语义合理、不破坏引用上下文。

cite 属性只接受 URL，填书名或人名就失效

cite 是纯机器可读属性，浏览器不渲染它，也不校验链接是否有效——但它会拒绝非 URL 格式。填 cite="《JavaScript 高级程序设计》" 或 cite="张三"，HTML 验证器直接报错，爬虫提取不到出处，document.querySelector('blockquote').cite 返回空字符串或 null。

真正有效的值只有两类：

HTML汇报生成器

🚀 不用写一行代码！把项目总结、工作汇报、研究报告、技术文档、提案、数据看板直接变精美HTML。12种主题 × 11种背景动效 × 9种鼠标特效 × 10种边框样式 × 实时调色器 × 毛玻璃卡片 × PDF导出，生成后还能自由调色，零门槛AI直出。触发词：项目总结、工作汇报、PPT、生成报告、做个总结、HTML文档、数据报告、流程文档、会议纪要、技术文档、研究报告、数据看板、提案、做个展示页、帮我做个汇报、文档生成。

下载

绝对 URL：cite="https://zh.wikisource.org/wiki/静夜思"
相对路径或锚点：cite="/poems/jingyesi.html" 或 cite="#section2"

如果目标 URL 返回 404 或跳转首页，cite 就失去追溯价值——它不是装饰，是元数据凭证。

人类可读出处必须用
手动添加

cite 属性本身不可见，想让用户看到“出自哪里”，必须在 <blockquote></blockquote> 内部末尾手动加结构：

<footer></footer> 必须作为 <blockquote></blockquote> 的直接子元素，不能放外面
<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>