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