<caption>: 表格标题标签
最后更新：2026-10-13
<caption>表格标题标签
表格的标题，必须作为 table 的第一个子元素，默认显示在表格上方。
| 分类 | 表格 |
|---|---|
| 内容模型 | 流式内容 |
| 允许的父元素 | 接受流式内容的元素 |
| 闭合标签 | 需要 </caption> 标签 |
| 状态 | 标准 |
📝 语法
<table>
<caption>表格标题</caption>
...
</table>▶ 示例
编辑下方代码，在 playground 中查看实时效果：
🌐 浏览器支持
| 浏览器 |  Chrome |
 Edge |
 Firefox |
 Safari |
 Opera |
|---|---|---|---|---|---|
| <caption> | ✓ v1 | ✓ v12 | ✓ v1 | ✓ v1 | ✓ v1 |
| 所有主流浏览器均支持 | |||||
提示： caption 默认居中显示在表格顶部，可用 CSS caption-side 改为底部。
❓ 常见问题
Qcaption 必须是 table 的第一个子元素吗？
A是的，规范要求
<caption> 作为 <table> 的第一个子元素。屏幕阅读器依赖它作为表格名称朗读，CSS 的 caption-side 属性只能改变显示位置（top/bottom），改变不了源码位置要求。Qcaption 和表格外的标题段落有什么区别？
A
<caption> 与表格语义绑定：屏幕阅读器把它当作表格的可访问名称，关联关系是原生的。表格外的普通标题没有这种绑定，长页面上「这是哪个表格的标题」会变得模糊。表格必配 caption 是无障碍最佳实践。Qcaption 里可以放长描述吗？
Acaption 适合放简短表格名（如「2026 年季度销售数据」）；长描述（数据来源、口径说明）建议放表格下方用
<p> 或用 aria-describedby 关联，避免 caption 过长影响朗读效率。🏷️ 相关标签
💡 相关案例
更多案例即将上线，敬请期待。
📚 相关教程
