tfoot要素
tfoot要素は表のフッター部分をグルーピングすることができる要素です。
table要素の直下の子要素として1つだけ利用することができ、caption要素やcolgroup要素、thead要素のうしろかつtbody要素やtr要素の前に記述するか、もしくはcaption要素、colgroup要素、thead要素、tbody要素、tr要素の後ろに記述できます。
子要素にはtr要素もしくはscript要素、template要素などをスクリプトの補助として利用することができます。
<table>
<thead>
<tr>
<th>品目</th>
<th>単価</th>
<th>数量</th>
<th>数量</th>
</tr>
</thead>
<tbody>
<tr>
<td>アイテム1</td>
<td>¥1,000</td>
<td>2</td>
<td>¥2,000</td>
</tr>
<tr>
<td>アイテム2</td>
<td>¥500</td>
<td>1</td>
<td>¥500</td>
</tr>
</tbody>
<tfoot>
<tr>
<th colspan="3">合計</th>
<th>¥2,000</th>
</tr>
</tfoot>
</table>
参考URL
4.9.7 The tfoot element - HTML5 - W3C
登録日 : 2014年06月27日 最終更新日 : 2014年6月30日