<tfoot>: TFOOT 要素
最終更新：2026-10-13
<tfoot>TFOOT 要素
集計行（tr）をまとめるテーブルのフッターブロックです。通常は合計値を置きます。ソース上は tbody の後に置きますが、表示は常に下部になります。
| カテゴリ | テーブル |
|---|---|
| コンテンツモデル | フローコンテンツ |
| 許可される親要素 | フローコンテンツを受け入れる要素 |
| 閉じタグ | 必要 </tfoot> タグ |
| ステータス | 標準 |
📝 構文
<tfoot>
<tr><td>合計</td><td>...</td></tr>
</tfoot>▶ サンプル
下のコードを編集して、playground でリアルタイム結果を確認：
🌐 ブラウザサポート
| ブラウザ |  Chrome |
 Edge |
 Firefox |
 Safari |
 Opera |
|---|---|---|---|---|---|
| <tfoot> | ✓ v1 | ✓ v12 | ✓ v1 | ✓ v1 | ✓ v1 |
| すべての主要ブラウザでサポート | |||||
ヒント： tfoot はソース上では tbody より前に置くこともできますが、常に一番下にレンダリングされます。
❓ よくある質問
Qtfoot は何に使うものですか？
A
<tfoot> はテーブルの集計行（合計・平均・備考）を置く場所です。意味としては「表尾のデータ」を示し、thead/tbody と組み合わせるとスクリーンリーダーが表の構造を正しく認識できます。長い表を印刷するとき、一部のブラウザは毎ページの表尾の繰り返しも行います。Qtfoot は長い表の印刷で毎ページ繰り返されますか？
Athead の毎ページの繰り返しは印刷スタイルのよくある挙動ですが、tfoot の繰り返しへの対応はブラウザによってまちまちです。安定した印刷体験が要るなら、CSS の
@media print で制御するか、集計情報を表の外の段落に置きましょう。Qtfoot は表の最後に書かなければなりませんか？
Athead/tbody の後（視覚順）に書くのが推奨です。現代のパーサーはソースの位置どおりに処理します。旧仕様では tfoot を先に書くことが許されていましたが、新しいコードでは正常な順序に従いましょう。直感的ですし、解釈の揺れも避けられます。
🏷️ 関連タグ
💡 関連ケース
今後さらにケーススタディを追加予定です。
📚 関連チュートリアル
