更新时间:2014年8月10日

tfoot元素(表格的页脚)

<tfoot>~</tfoot>

tfoot元素表示表格的脚部行的集合。适合放在表格的最后面。

使用例

<table>

<caption>订单</caption>

<thead>

<tr>

<th>商品名</th>

<th>单价</th>

<th>个数</th>

<th>金额</th>

</tr>

</thead>

<tbody>

<tr>

<td>HTML5</td>

<td>100元</td>

<td>3册</td>

<td>300元</td>

</tr>

<tr>

<td>CSS3</td>

<td>80元</td>

<td>3册</td>

<td>240元</td>

</tr>

<tr>

<td>送货费用</td>

<td></td>

<td></td>

<td>20元</td>

</tr>

</tbody>

<tfoot>

<tr>

<td>合计</td>

<td></td>

<td></td>

<td>560元</td>

</tr>

</tfoot>

</table>

浏览器上的显示结果↓


订单
商品名 单价 个数 金额
HTML5 100元 3册 300元
CSS3 80元 3册 240元
送货费用 20元
合计 560元
X

浏览器支持情况

元素
tfoot yes yes yes yes yes