例
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>要素は、1つ以上持っている必要があり<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;
}