<blockquote>: 块引用标签
最后更新:2026-10-13
<blockquote>块引用标签
表示一段独立成块的引用内容(区别于行内的 q),可附加来源说明。
| 分类 | 语义化 |
|---|---|
| 内容模型 | 流式内容 |
| 允许的父元素 | 接受流式内容的元素 |
| 闭合标签 | 需要 </blockquote> 标签 |
| 状态 | 标准 |
📝 语法
<blockquote>引用内容</blockquote>
⚙️ 属性
该元素支持全局属性及以下专有属性:
| 属性 | 值 | 描述 |
|---|---|---|
cite | 指向引用来源文档的 URL。 |
▶ 示例
编辑下方代码,在 playground 中查看实时效果:
🌐 浏览器支持
| 浏览器 | |||||
|---|---|---|---|---|---|
| <blockquote> | ✓ v1 | ✓ v12 | ✓ v1 | ✓ v1 | ✓ v1 |
| 所有主流浏览器均支持 | |||||
提示: 长段引用用 blockquote,行内短引用用 q;引用来源可用 cite 属性或 footer 标注。
❓ 常见问题
Qblockquote 和 q 有什么区别?
A
<blockquote> 是块级引用(整段、多行),<q> 是行内短引用(句子中间引一句),浏览器会自动给 <q> 加引号,而 blockquote 不会。长文引用用前者,行文中引用用后者。Qblockquote 的 cite 属性怎么用?
A
cite 属性填引用来源的 URL,如 <blockquote cite='https://example.com/source'>。它对用户不可见;想在页面上显示来源文字,需在引用块内自行加 <footer> 或 <cite> 元素。Qblockquote 可以嵌套吗?
A可以。嵌套的
<blockquote> 表示「引用中再引用」,规范没有层数限制,但深嵌套影响可读性,一般一到两层足够。每层默认缩进会叠加。🏷️ 相关标签
💡 相关案例
更多案例即将上线,敬请期待。