HTML `<tfoot>` 标签

说明

<tfoot>（table foot 的缩写）元素定义了表格的页脚。它通常用于对汇总表列的一组表行进行分组。

<tfoot> 元素必须作为 <table> 标签的子元素出现在任何 <caption>, <colgroup> 和 <thead> 元素之后，但在任何 <tbody> 和 <tr> 元素之前。 <tfoot> 元素必须包含至少一行，由 <tr> 标签定义。

下表总结了此标签的使用上下文和版本历史。

Parent:	`<table>`
Content:	`<tr>`
开始/结束标签：	开始标签： required, 结束标签：required
版本：	HTML 4, 4.01, 5

使用说明

可以分别使用 <thead>, <tfoot> 和 <tbody> 标签将表格行分组为表格头部、表格底部和一个或多个表格主体部分。
这种划分使浏览器能够支持独立于表头和表脚部分的表体滚动。此外，当打印跨越多页的长表格时，表格头和脚信息可能会打印在包含表格数据的每一页上。
如果存在，每个 <thead>, <tfoot> 和 <tbody> 都包含一个行组。每个行组必须至少包含一行，由 <tr> 标签定义。

语法

<tfoot> 标签的基本语法如下：

HTML / XHTML: <tfoot> ... </tfoot>

下面的示例显示了 <tfoot> 标签的作用。

示例

Try this code »

<table>
    <thead>
        <tr>
            <th>No.</th>
            <th>Name</th>
            <th>Email</th>
        </tr>
    </thead>
    <tfoot>
        <tr>
            <td colspan="3">Copyright �  2015 Tutorial Republic</td>
        </tr>
    </tfoot>
    <tbody>
        <tr>
            <td>1</td>
            <td>John Carter</td>
            <td>johncarter@mail.com</td>
        </tr>
        <tr>
            <td>2</td>
            <td>Peter Parker</td>
            <td>peterparker@mail.com</td>
        </tr>
        <tr>
            <td>3</td>
            <td>John Rambo</td>
            <td>johnrambo@mail.com</td>
        </tr>
    </tbody>
</table>

标签特定属性

下表显示了特定于 <tfoot> 标签的属性。

属性	值	说明
`align`	`left right center justify char`	Obsolete 指定表格页脚内每个单元格内容的水平对齐方式。
`char`	character	Obsolete 设置表格页脚的单元格内容应对齐的字符。
`charoff`	number	Obsolete 定义表格页脚的单元格内容将从 char 属性指定的对齐字符偏移的字符数。
`valign`	`top middle bottom baseline`	Obsolete 指定表格页脚每行单元格中文本的垂直对齐方式。

全局属性

与所有其他 HTML 标签一样， <tfoot> 标签支持 HTML5 中的全局属性。

事件属性

<tfoot> 标签还支持 HTML5 中的事件属性。

浏览器兼容性

所有主要的现代浏览器都支持 <tfoot> 标签。

基本支持—

Firefox 1+
Google Chrome 1+
Internet Explorer 2+
Apple Safari 1+
Opera 4+

进一步阅读

请参阅以下教程： HTML 表格.

其他与表格相关的标签： <table>, <thead>, <tbody>, <caption>, <colgroup>, <col>, <tr>, <th>, <td>.

HTML <tfoot> 标签

说明