caption标签必须作为table的第一个直接子元素,用于定义表格标题,提升可访问性,一个表格建议仅使用一个,不可置于thead或表格外。

HTML表格中的caption标签用于定义表格的标题,它必须直接放在<table>标签内部,并且是<table>的第一个子元素。
caption标签的正确位置
caption标签应紧跟在<table>开始标签之后,位于其他任何表格内容(如<thead>、<tr>、<td>等)之前。
- 必须作为<table>的直接子元素
- 必须是<table>内的第一个子元素
- 一个表格只能有一个caption标签(建议)
示例代码
以下是一个正确的使用方式:
<table border="1"><caption>学生信息表</caption>
<tr>
<th>姓名</th>
<th>年龄</th>
</tr>
<tr>
<td>张三</td>
<td>20</td>
</tr>
</table>
注意事项
caption不是必需标签,但对可访问性有帮助,屏幕阅读器会读取该内容。如果省略或位置放错,会影响语义结构和用户体验。
立即学习“前端免费学习笔记(深入)”;
不能将caption放在<thead>内或表格外部,否则不符合HTML规范。
基本上就这些,只要记住:caption要放在table里面,而且是第一个。











