<tfoot> 要素は、親の<table> 要素内のフッタから成る行のブロックを表します。
- カテゴリー
- なし
- 配置場所
<table> 要素の子要素として、<caption> 要素、<colgroup> 要素、<thead> 要素よりも後で、<tbody> 要素、<tr> 要素の前か後に一つだけ配置。- 内容
- 0個以上の
<tr> 要素とスクリプトサポート・エレメント。 - 属性
サンプル
<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="utf-8" />
<title>HTML5 › tfoot</title>
<style>
table { border-collapse: collapse; }
th, td { padding: .5em; border: #ccc 1px solid; }
thead th { background: #eef; }
tfoot th { background: #fee; }
tfoot td { color: #f00; }
</style>
</head>
<body>
<h1>HTML5 › tfoot</h1>
<table>
<caption>今月の新たなタックル</caption>
<thead>
<tr>
<th id="name"> 名称 </th>
<th id="price"> 出費 </th>
</tr>
</thead>
<tbody>
<tr>
<th headers="name">バルサ50</th>
<td headers="price"> 1,590円 </td>
</tr>
<tr>
<th headers="name">ホッテントット</th>
<td headers="price"> 1,180円 </td>
</tr>
<tr>
<th headers="name">ザ・リーガニー</th>
<td headers="price"> 980円 </td>
</tr>
</tbody>
<tfoot>
<tr>
<th> 合計 </th>
<td> 3,750円 </th>
</tr>
</tfoot>
</table>
</body>
</html>