例
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>
»それを自分で試してみてください 定義と使用法
<tfoot>タグは、HTMLテーブル内のグループフッターのコンテンツに使用されます。
<tfoot>要素は、と組み合わせて使用されている<thead>と<tbody>テーブル（フッター、ヘッダー、本文）の各部分を指定する要素。
ブラウザは、独立して、ヘッダーとフッターのテーブル本体のスクロールを可能にするために、これらの要素を使用することができます。 複数のページにまたがる大規模な表を印刷する際にも、これらの要素は、各ページの最上部と最下部に印刷されるテーブルのヘッダーとフッターを有効にすることができます。
<tfoot>タグには、次のコンテキストで使用する必要があります：の子として<table>要素、任意の後に<caption>, <colgroup>および<thead>要素と任意の前に<tbody>と<tr>要素。
ブラウザのサポート
| 素子 | |||||
|---|---|---|---|---|---|
| <tfoot> | はい | はい | はい | はい | はい |
ヒントと注意事項
注： <tfoot>要素は、1つまたは複数持っている必要があり<tr>タグ内に。
ヒント： <thead>, <tbody>および<tfoot>要素は、デフォルトでは、テーブルのレイアウトには影響しません。ただし、これらの要素のスタイルをCSSを使用することができます。
HTML 4.01とHTML5の違い
HTML 4.01属性のいずれも、HTML5でサポートされていません。
属性
| 属性 | 値 | 説明 |
|---|---|---|
| align | right left center justify char | HTML5でサポートされていません。 内のコンテンツ揃え<tfoot>要素を |
| char | character | HTML5でサポートされていません。 内のコンテンツ揃え<tfoot>文字に要素を |
| charoff | number | HTML5でサポートされていません。 文字数が内のコンテンツを設定し<tfoot>要素はで指定した文字から整列されchar属性 |
| valign | top middle bottom baseline | HTML5でサポートされていません。 垂直内のコンテンツ整列<tfoot>要素を |
グローバル属性
<tfoot>タグもサポートし、グローバルは、HTMLの属性 。
イベント属性
<tfoot>タグもサポートしています。イベントは、HTMLの属性 。
デフォルトのCSS設定
ほとんどのブラウザが表示されます<tfoot>次のデフォルト値を持つ要素を：
tfoot {
display: table-footer-group;
vertical-align: middle;
border-color: inherit;
}