HTML <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>

試してみる »

ブラウザサポート

すべての主要ブラウザーは <thead> タグをサポートしています。

タグの定義と使用説明

<thead> タグは、HTML テーブルのヘッダーコンテンツをグループ化するために使用します。

<thead> 要素は <tbody>と<tfoot>要素と組み合わせて使用し、テーブルの各部分（ヘッダー、本体、フッター）を指定します。

これらの要素を使用することで、ブラウザーはテーブルのヘッダーやフッターとは独立してテーブルの本体をスクロールできます。複数ページにわたる長いテーブルを印刷する場合、テーブルのヘッダーとフッターは、テーブルデータを含む各ページに印刷できます。

<thead> タグは、次の状況で使用する必要があります：<table> 要素の子要素として、<caption>、<colgroup> 要素の後、<tbody>、<tfoot>、<tr> 要素の前に配置します。

ヒントと注釈

注釈：<thead> 要素の内部には、1つ以上の <tr> タグを必ず含める必要があります。

ヒント：<thead>、<tbody>、<tfoot> 要素はデフォルトではテーブルのレイアウトに影響しません。ただし、CSS を使用してこれらの要素にスタイルを定義することで、テーブルの外観を変更できます。

HTML 4.01 と HTML5 の違い

HTML5 では、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 のイベント属性をサポートしています。。

その他の拡張

HTMLタグ