例
一个HTML表格有<thead>, <tfoot>和<tbody>元素:
<table>
<thead>
<tr>
<th>Month</th>
<th>Savings</th>
</tr>
</thead>
<tfoot>
<tr>
<td>Sum</td>
<td>$180</td>
</tr>
</tfoot>
<tbody>
<tr>
<td>January</td>
<td>$100</td>
</tr>
<tr>
<td>February</td>
<td>$80</td>
</tr>
</tbody>
</table>
试一试» 定义和用法
在<tfoot>标签用于在HTML表格组页脚内容。
在<tfoot>元素与配合使用<thead>和<tbody>元素指定表(页脚,头,体)的每个部分。
浏览器可以使用这些元素单独页眉和页脚的使表身滚动。 另外,打印一个大表跨越多个页时,这些元件可以使在每一页的顶部和底部要打印的表页眉和页脚。
在<tfoot>标记必须在以下情况下使用:作为一个孩子<table>元素,之后的任何<caption>, <colgroup>和<thead>元素和之前的任何<tbody>和<tr>元素。
浏览器支持
元件 | |||||
---|---|---|---|---|---|
<tfoot> | 是 | 是 | 是 | 是 | 是 |
提示和注意
注: <tfoot>元素必须有一个或多个<tr>标签内。
提示: <thead>, <tbody>和<tfoot>元素默认不会影响表格的布局。但是,您可以使用CSS样式这些元素。
HTML 4.01和HTML5之间的差异
在HTML 4.01的属性没有在HTML5的支持。
属性
属性 | 值 | 描述 |
---|---|---|
align | right left center justify char | 在HTML5不支持。 对准里面的内容<tfoot>元素 |
char | character | 在HTML5不支持。 对准里面的内容<tfoot>元素为一个字符 |
charoff | number | 在HTML5不支持。 集的字符数内的内容<tfoot>元素将从由指定的字符对齐char属性 |
valign | top middle bottom baseline | 在HTML5不支持。 垂直对齐里面的内容<tfoot>元素 |
全局属性
在<tfoot>标签支持全局的HTML属性 。
事件属性
在<tfoot>标签支持的HTML事件属性 。
默认设置CSS
大多数浏览器将显示<tfoot>与下面的默认值元素:
tfoot {
display: table-footer-group;
vertical-align: middle;
border-color: inherit;
}