tfoot(テーブル・フッター)要素は表組みにおける、フッター部分の行グループを表します。

tfoot要素を使用することができる場所は下記の通りです。

下記の、1、2を満たし、

  1. table要素の子要素として
  2. tfoot要素はtable要素内に 1つだけ

さらに、下記の条件のいずれかに当てはまる場所

・caption、colgroup要素、thead要素、tbody要素、tr要素より後ろ

HTML 4.01 などにおける tfoot要素は、tbody要素より前にしか記述できませんでしたが、HTML Living Standard 仕様では、上記の通り、caption、colgroup、tbody、tfoot、tr要素より後ろに記述する必要があり、全く逆の仕様になっています。

tfoot要素説明
カテゴリーなし
コンテンツモデル0個以上の tr要素、およびスクリプト支援要素
使用できる場所table要素の子要素として。ただし、caption、colgroup、tbody、tfoot、tr要素より後ろに位置し、table要素の子要素となる tfoot要素が他にない場合に限る。

tfoot要素で使用できる属性

すべてのHTML要素で使用できる属性になります。

使用例

<table>
  <thead>
    <tr><th>月</th><th>大人</th><th>子供</th><th>合計</th></tr>
  </thead>
  <tbody>
      <!-- 省略 -->
  </tbody>
  <tffot>
    <tr><th>合計</th><td>7,065</td><td>1,076</td><td>8,141</td></tr>
  </tfoot>
</table>

表示

2024年度月別来場者数
大人子供合計
7月1,8542962,150
8月2,4646183,082
合計7,0651,0768,141

カテゴリー: