<標題>


HTML <thead> 標籤

#實例

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"> 
<title>php中文网(php.cn)</title> 
<style type="text/css">
thead {color:green;}
tbody {color:blue;}
tfoot {color:red;}
</style>
</head>
<body>

<table border="1">
  <thead>
    <tr>
      <th>Month</th>
      <th>Savings</th>
    </tr>
  </thead>
  <tfoot>
    <tr>
      <td>Sum</td>
      <td>0</td>
    </tr>
  </tfoot>
  <tbody>
    <tr>
      <td>January</td>
      <td>0</td>
    </tr>
    <tr>
      <td>February</td>
      <td></td>
    </tr>
  </tbody>
</table>

<p><b>提示:</b>  thead, tbody, 和 tfoot 元素默认不会影响表格的布局。不过,您可以使用 CSS 来为这些元素定义样式,从而改变表格的外观。</p>

</body>
</html>

執行實例»

點擊"運行實例" 按鈕查看線上實例


瀏覽器支援

1000.png

所有主流瀏覽器都支援< thead> 標籤。


標籤定義並使用說明

<thead> 標籤用於組合 HTML 表格的表頭內容。

<thead> 元素應該與 <tbody> 和 <tfoot> 元素結合使用,用來規定表格的各個部分(表頭、主體、頁腳)。

透過使用這些元素,使瀏覽器有能力支援獨立於表格表頭和表格頁腳的表格主體捲動。當包含多個頁面的長的表格被列印時,表格的表頭和頁腳可列印在包含表格資料的每個頁面上。

<thead> 標籤必須用在下列情境:作為 <table> 元素的子元素,出現在 <caption>、<colgroup> 元素之後,<tbody>、 <tfoot> 和 <tr> 元素之前。


提示與註解

註解:<thead> 元素內部必須包含一個或多個 <tr> 標籤。

提示:<thead>、<tbody> 和 <tfoot> 元素預設不會影響表格的佈局。不過,您可以使用 CSS 來為這些元素定義樣式,從而改變表格的外觀。


HTML 4.01 與 HTML5之間的差異

在 HTML 5 中,不再支援 HTML 4.01 中 <thead> 標籤的任何屬性。


屬性

屬性#值描述
alignright
left
center
justify
char
HTML5 不支援。 定義 <thead> 元素中內容的對齊方式。
charcharacter#HTML5 不支援。 規定 <thead> 元素中內容根據哪個字元來對進行文字對齊。
charoffnumber#HTML5 不支援。 規定 <thead> 元素中內容的第一個對齊字元的偏移量。
valigntop
middle
bottom
baseline
HTML5 不支援。 規定 <thead> 元素中內容的垂直對齊方式。


全域屬性

<thead> 標籤支援 HTML 的全域屬性。


事件屬性

<thead> 標籤支援 HTML 的事件屬性。