: 图文容器标签
最后更新:2026-09-12
<figure>图文容器标签
表示一段独立的内容流,通常搭配 figcaption,用于图片、图表、代码、示例等。
| 分类 | 语义化 |
|---|---|
| 内容模型 | 流式内容 |
| 允许的父元素 | 接受流式内容的元素 |
| 闭合标签 | 需要 </figure> 标签 |
| 状态 | 标准 |
📝 语法
<figure>图示内容</figure>
▶ 示例
编辑下方代码,在 playground 中查看实时效果:
🌐 浏览器支持
| 浏览器 | |||||
|---|---|---|---|---|---|
| <figure> | ✓ v1 | ✓ v12 | ✓ v1 | ✓ v1 | ✓ v1 |
| 所有主流浏览器均支持 | |||||
提示: figure 内的内容即使被移动也不影响正文理解;标题用 figcaption 而非普通 p。
🏷️ 相关标签
💡 相关案例
更多案例即将上线,敬请期待。