📅  最后修改于: 2023-12-03 15:23:52.361000             🧑  作者: Mango
在HTML5中,可以使用thead
、tbody
和 tfoot
等标签来将表格中的正文内容进行分组。其中:
thead
用于分组表格的表头内容(通常是表格中第一行或前几行的内容)。tbody
用于分组表格的主体内容(通常是除表头和表尾外的内容)。tfoot
用于分组表格的表尾内容(通常是表格中最后一行或后几行的内容)。示例代码如下:
<table>
<thead>
<tr>
<th>姓名</th>
<th>性别</th>
<th>年龄</th>
</tr>
</thead>
<tbody>
<tr>
<td>张三</td>
<td>男</td>
<td>20</td>
</tr>
<tr>
<td>李四</td>
<td>女</td>
<td>22</td>
</tr>
</tbody>
<tfoot>
<tr>
<td colspan="3">共2条记录</td>
</tr>
</tfoot>
</table>
在上面的示例代码中,我们使用了thead
、tbody
和 tfoot
标签来将表格分为了表头、主体和表尾三部分。同时,我们还使用了colspan
属性将表尾中的单元格合并为一格,以达到更好的显示效果。
除了以上标签和属性外,HTML5还提供了其他一些表格相关的标签和属性,例如colgroup
、rowspan
、colspan
等,开发者在使用表格时可以根据实际情况进行灵活运用。