HTML <tfoot> 标签

• 

  <tfoot>标签定义和用法

  <tfoot>标记用于对HTML表格中的页脚内容进行分组。

  <tfoot>元素与 <thead>和<tbody>元素结合使用，以指定表的每个部分（页脚，标题，正文）。

  浏览器可以使用这些元素来独立于页眉和页脚滚动表体。此外，当打印跨越多个页面的大表时，这些元素可以使表格页眉和页脚打印在每页的顶部和底部。

  <tfoot>标记必须在以下上下文中使用：作为<table>元素的子元素，在任何<caption>，<colgroup>， <thead>和<tbody>元素之后。

  注意：<tfoot>元素内部必须包含一个或多个<tr>标记。

  提示：默认情况下， <thead>，<tbody>和<tfoot>元素不会影响表的布局。但是，您可以使用CSS来设置这些元素的样式。
• 

  <tfoot>标签浏览器支持

  IE/Edge	Chrome	FireFox	Safari	Opera
  支持	支持	支持	支持	支持

• 

  HTML4.01和HTML5之间的差异

  HTML5中不支持任何HTML4.01属性。
• 

  <tfoot>标签实例

  template元素保存HTML代码而不显示它：

   <tfoot>
     <tr>
       <td>Sum</td>
       <td>$180</td>
     </tr>
   </tfoot>

  尝试一下
• 

  <tfoot>标签属性

  橙红色的5标识表示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>标签全局属性

  <tfoot>标签还支持全局属性。 查看有关全局属性的更多知识。
• 

  <tfoot>标签事件属性

  <tfoot>标签不支持任何事件属性。
• 

  <tfoot>标签相关页面

  HTML教程：HTML表格
• 

  <tfoot>标签默认CSS设置

  tfoot {
     display: table-footer-group;
     vertical-align: middle;
     border-color: inherit;
  }