最新的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;
}