例
一個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;
}