<標題>
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>
執行實例»
點擊"運行實例" 按鈕查看線上實例
瀏覽器支援
所有主流瀏覽器都支援< 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> 標籤的任何屬性。
屬性
屬性 | #值 | 描述 |
---|---|---|
align | right left center justify char | HTML5 不支援。 定義 <thead> 元素中內容的對齊方式。 |
char | character | #HTML5 不支援。 規定 <thead> 元素中內容根據哪個字元來對進行文字對齊。 |
charoff | number | #HTML5 不支援。 規定 <thead> 元素中內容的第一個對齊字元的偏移量。 |
valign | top middle bottom baseline | HTML5 不支援。 規定 <thead> 元素中內容的垂直對齊方式。 |
全域屬性
<thead> 標籤支援 HTML 的全域屬性。
事件屬性
<thead> 標籤支援 HTML 的事件屬性。