最新的Web开发教程
 

HTML <tfoot> Tag


一个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;
}