<figcaption>: 图文说明标签
最后更新：2026-10-13
<figcaption>图文说明标签
为 figure 元素提供标题或说明，必须是 figure 的第一个或最后一个子元素。
| 分类 | 语义化 |
|---|---|
| 内容模型 | 仅可作为 figure 的首/末子元素 |
| 允许的父元素 | 接受流式内容的元素 |
| 闭合标签 | 需要 </figcaption> 标签 |
| 状态 | 标准 |
📝 语法
<figcaption>图注</figcaption>▶ 示例
编辑下方代码，在 playground 中查看实时效果：
🌐 浏览器支持
| 浏览器 |  Chrome |
 Edge |
 Firefox |
 Safari |
 Opera |
|---|---|---|---|---|---|
| <figcaption> | ✓ v1 | ✓ v12 | ✓ v1 | ✓ v1 | ✓ v1 |
| 所有主流浏览器均支持 | |||||
提示： figcaption 只能出现在 figure 内部；如果图片只是装饰，可省略 figcaption。
❓ 常见问题
Qfigcaption 必须放在 figure 的开头或结尾吗？
A是的，规范要求
<figcaption> 只能作为 <figure> 的第一个或最后一个子元素。它充当「图表说明文字」，与图片、代码、表格组成一个带说明的整体。Qfigure 没有 figcaption 合法吗？
A合法。
<figcaption> 是可选的，<figure> 本身表示「可独立引用的内容单元」，不放说明文字也可以。但内容需要说明时建议补上，对 SEO 和可访问性都有益。Qfigcaption 和 img 的 alt 有什么区别？
A
alt 是图片无法显示时的替代文本，是屏幕阅读器的核心信息，必须简洁；<figcaption> 是可见的说明文字，可以更长、更详细。两者互补：alt 讲「图是什么」，figcaption 讲「为什么放这张图」。🏷️ 相关标签
💡 相关案例
更多案例即将上线，敬请期待。
📚 相关教程
