HTML中的<caption>
标签用于为表格添加标题,它应该紧跟在<table>
标签之后,位于<thead>
和<tbody>
标签之前。<caption>
标签的内容将显示在表格的顶部,这有助于用户更好地理解表格中的内容和意义。
<caption>
标签应该只用于描述整个表格的内容,而不是用于描述单个表格单元格或行的内容。因此,它通常只用一次,以提供关于整个表格的简短概述。
以下是一个基本的使用示例:
<table>
<caption>这是一个表格标题</caption>
<thead>
<tr>
<th>姓名</th>
<th>年龄</th>
<th>性别</th>
</tr>
</thead>
<tbody>
<tr>
<td>张三</td>
<td>20</td>
<td>男</td>
</tr>
<tr>
<td>李四</td>
<td>25</td>
<td>女</td>
</tr>
</tbody>
</table>
在这个例子中,<caption>
标签包含了表格的标题,即“这是一个表格标题”。这个标题将显示在表格的顶部,帮助用户更好地理解表格中的内容。
需要注意的是,<caption>
标签必须是<table>
标签的第一个子元素,否则可能会影响页面的可访问性和SEO。