最新のWeb開発のチュートリアル
 

HTML <thead> Tag


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;
}