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 中,包含两行数据,每行包含三个单元格。