tfoot 要素フッタ部分の行グループを表す

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

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

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

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

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

HTML 4.01 などにおける tfoot 要素は、tbody 要素より前にしか記述できませんでしたが、HTML5 では、上記の通り、最後の子要素として存在することも許されるようになりました。

サンプルソースを見る

tfoot 要素の仕様

カテゴリ
  • なし
コンテンツモデル
  • 0個以上の tr 要素
この要素を使用できる文脈
  • table 要素の子要素として。ただし、caption、colgroup、thead 要素より後ろ、かつ tbody、tr 要素より前に位置し、table 要素の子要素となる tfoot 要素が他にない場合に限ります。
  • table 要素の子要素として。ただし、最後の子要素、かつ table 要素の子要素となる tfoot 要素が他にない場合に限ります。
この要素で使用できる属性
DOM インタフェース
interface HTMLTableSectionElement : HTMLElement {
  readonly attribute HTMLCollection rows;
  HTMLElement insertRow(optional long index);
  void deleteRow(long index);
};

tfoot 要素のサンプルソース

<table>
 <thead>
  <tr>
   <th>属性</th>
   <th>概要</th>
  </tr>
 </thead>
  <tfoot>
  <tr>
   <th>属性</th>
   <th>概要</th>
  </tr>
 </tfoot>
<tbody>
  <tr>
   <td>name 属性</td>
   <td>データが送信される際のクエリ名を指定します。</td>
  </tr>
  <tr>
   <td>multiple 属性</td>
   <td>複数の選択肢を選択を可能にします。</td>
  </tr>
  …省略…
 </tbody>
</table>
<!-- HTML5 においては tbody 要素の後に書いてもよい -->
<table>
 <thead>
  <tr>
   <th>属性</th>
   <th>概要</th>
  </tr>
 </thead>
<tbody>
  <tr>
   <td>name 属性</td>
   <td>データが送信される際のクエリ名を指定します。</td>
  </tr>
  <tr>
   <td>multiple 属性</td>
   <td>複数の選択肢を選択を可能にします。</td>
  </tr>
  …省略…
 </tbody>
  <tfoot>
  <tr>
   <th>属性</th>
   <th>概要</th>
  </tr>
 </tfoot>
</table>

W3C HTML5 仕様書

4.9.7 The tfoot element