HTML的thead标签
HTML thead 标签
概述
HTML thead 元素表示 HTML 表格中表头的一部分。thead标签必须被放在 table 元素内,并且只能和 tbody 以及 tfoot 标签结合使用。
语法
HTML thead 标签有如下语法:
<table>
<thead>
<tr>
<th>表头单元格1</th>
<th>表头单元格2</th>
<th>...</th>
</tr>
</thead>
<tbody>
<tr>
<td>表格单元格1</td>
<td>表格单元格2</td>
<td>...</td>
</tr>
</tbody>
<tfoot>
<tr>
<td>表格底部单元格1</td>
<td>表格底部单元格2</td>
<td>...</td>
</tr>
</tfoot>
</table>
属性
thead标签支持以下属性:
- align:规定了表头内容的水平对齐方式。
- char:规定了表头内容之间的填充字符。
- charoff:规定了表头内容之间的偏移量。
- valign:规定了表头内容的垂直对齐方式。
这些属性通常用在单元格级别,而不是在 thead 元素上。
注意事项
- thead 标签必须在 table 元素中第一个出现
- tbody 和 tfoot 标签必须在 thead 标签之后
- thead 标签不能脱离 table 标签使用
示例
<table>
<thead>
<tr>
<th>名字</th>
<th>年龄</th>
<th>性别</th>
</tr>
</thead>
<tbody>
<tr>
<td>小明</td>
<td>20</td>
<td>男</td>
</tr>
<tr>
<td>小红</td>
<td>22</td>
<td>女</td>
</tr>
</tbody>
</table>
以上代码创建了一个带有表头的简单表格。在表头中定义了三个单元格(名字,年龄和性别)。在tbody 中,包含两行数据,每行包含三个单元格。