HTML5 <thead> タグ
例
<thead>, <tfoot>, および <tbody> 要素を持つ HTML テーブル:
<table border="1">
<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>
Try it yourself »
ブラウザ・サポート
<thead> タグは、主要な全ブラウザがサポートしています。
定義と用法
<thead> タグは、HTMLテーブルのヘッダ内容をグループ化するために使用します。
<thead> 要素は、テーブルの各部分（本体、ヘッダ、フッタ）を指定するために、
<tbody> および <tfoot> 要素
と組み合わせて使用します。
ブラウザは、ヘッダとフッタから独立してテーブル本体のスクロールを可能にするために、
これらの要素を使用することができます。また、複数ページにまたがる大きなテーブルを印刷するとき、
これらの要素は、テーブルのヘッダとフッタとして各ページの最上部と最下部に印刷することができます。
<thead> タグは、次のコンテキストで使用しなければなりません:
<tfoot> タグは、次のコンテキストで使用しなければなりません:
<table> 要素の子として、全 <caption>、<colgroup> 要素の後で、
全 <tbody>、<tfoot>、<tr> 要素の前。
HTML 4.01 と HTML5 との相違点
何れの HTML 4.01 属性も、HTML5 ではサポートされません。
チップスと注意事項
注: <thead> 要素は、内部に1つ以上の <tr> タグを持っていなければなりません。
チップ: <thead>、<tbody>、<tfoot> 要素は、
デフォルトでテーブルのレイアウトには影響を与えません。ただし、これらの要素がテーブルのレイアウトに
影響を与えるようにするために CSS を使用することができます。
属性
| 属性 |
値 |
説明 |
| align |
right
left
center
justify
char |
HTML5 ではサポートしていない |
| char |
character |
HTML5 ではサポートしていない |
| charoff |
number |
HTML5 ではサポートしていない |
| valign |
top
middle
bottom
baseline |
HTML5 ではサポートしていない |
グローバル属性
<thead> タグは、HTML5におけるグローバル属性 もサポートします。
イベント属性
<thead> タグは、HTML5におけるイベント属性 もサポートします。
|