tfoot是什么，所有浏览器都支持吗？答案

【问题标题】：What's tfoot,is it supported by all browsers?tfoot是什么，所有浏览器都支持吗？
【发布时间】：2017-05-23 03:58:32
【问题描述】：

我见过thead,tbody，但在今天之前从未见过tfoot！

【问题讨论】：

theader = 表头，tbody = 表体，tfooft = 表尾。基本上是页眉、正文和页脚部分的表格结构。

标签： html html-table cross-browser

【解决方案1】：

tfoot 是一个有效的 HTML 元素，尽管很少使用。所有浏览器都支持它。这是一个相关的compatibility table。

请参阅 w3c 规范中的 11.2.3 Row groups: the THEAD, TFOOT, and TBODY elements。

规范中的重点：

TFOOT 必须出现在 TABLE 定义中的之前 TBODY，以便用户代理可以在接收所有（可能很多）行数据之前渲染脚。

【讨论】：

【解决方案2】：

tfoot 被定义为始终位于表格的底部，无论您将它放在表格的哪个位置。它旨在用作某种摘要，即使仍在加载大表时也可以显示。表格布局应如下所示：

<table>
  <thead>
    <tr>
      <th>header</th>
    </tr>
  </thead>
  <tfoot>
    <tr>
      <td>Total: foo</td>
    </tr>
  </tfoot>
  <tbody>
    <tr>
      <td>data</td>
    </tr>
    [...]
  </tbody>
</table>

Ofc 除了某些 CMS 系统外，没有人以这种方式使用这些表（正如它们所预期的那样）。

【讨论】：

如果表格不适合屏幕（或打印时的页面），我认为它也应该重复（或浮动或滚动），以便您始终可以看到它，即使表格底部不在屏幕上或在另一个页面上。

【解决方案3】：

好吧，根据谷歌的说法；）例如 http://www.htmlcodetutorial.com/tables/_THEAD.html 此处，tfoot 用于表格底部的汇总。

【讨论】：