最新的Web开发教程
 

HTML <thead> Tag


一个HTML表格有<thead>, <tfoot><tbody>元素:

<table>
 <thead>
  <tr>
     <th>Month</th>
     <th>Savings</th>
  </tr>
 </thead>
 <tfoot>
  <tr>
     <td>Sum</td>
     <td>$180</td>
  </tr>
 </tfoot>
 <tbody>
  <tr>
     <td>January</td>
     <td>$100</td>
  </tr>
  <tr>
     <td>February</td>
     <td>$80</td>
  </tr>
 </tbody>
</table>
试一试»

定义和用法

<thead>标签用于在HTML表格组头的内容。

<thead>元素与配合使用<tbody><tfoot>元素指定表(标题,正文,页脚)的每个部分。

浏览器可以使用这些元素单独页眉和页脚的使表身滚动。 另外,打印一个大表跨越多个页时,这些元件可以使在每一页的顶部和底部要打印的表页眉和页脚。

<thead>标记必须在以下环境中使用:作为一个孩子<table>元素,之后的任何<标题>和<colgroup>元素,而之前的任何<tbody>, <tfoot><tr>元素。


浏览器支持

元件
<thead>

提示和注意

注: <thead>元素必须有一个或多个<tr>标签内。

提示: <thead>, <tbody><tfoot>元素默认不会影响表格的布局。但是,您可以使用CSS样式这些元素。


HTML 4.01和HTML5之间的差异

在HTML 4.01的属性没有在HTML5的支持。


属性

属性 描述
align right
left
center
justify
char
在HTML5不支持。
对准里面的内容<thead>元素
char character 在HTML5不支持。
对准里面的内容<thead>元素为一个字符
charoff number 在HTML5不支持。
集的字符数内的内容<thead>元素将从由指定的字符对齐char属性
valign top
middle
bottom
baseline
在HTML5不支持。
垂直对齐里面的内容<thead>元素

全局属性

<thead>标签支持全局的HTML属性


事件属性

<thead>标签支持的HTML事件属性


默认设置CSS

大多数浏览器将显示<thead>与下面的默认值元素:

thead {
    display: table-header-group;
    vertical-align: middle;
    border-color: inherit;
}