tfoot标签有哪些意思-百分百源码网

tfoot标签有哪些意思

发布时间：09/01 来源：未知浏览：关键词：

定义和用途

tfoot标签定义表格的页足（足注或表注）。该标签用于组合 HTML 表格中的表注内容。tfoot 元素应当与 thead 和 tbody 元素结合起来使用。

thead 元素用于对 HTML 表格中的表头内容停止分组，而 tbody 元素用于对 HTML 表格中的主体内容停止分组。

注释：假如您使用 thead、tfoot 乃至 tbody 元素，您就必需使用全部的元素。它们的显现次序是：thead、tfoot、tbody，这样阅读器就可以在收到所有数据前显现页足了。您必需在 table 元素内部使用这些标签。

提醒：在默许状况下这些元素不会影响到表格的规划。不外，您可以使用 CSS 使这些元素改动表格的外不雅。

具体描写

thead、tfoot 乃至 tbody 元素使您有能力对表格中的行停止分组。当您创立某个表格时，您或许但愿具有一个标题行，一些带有数据的行，乃至位于底部的一个总计行。这种划分使阅读器有能力支撑独立于表格标题和页足的表格正文滚动。当长的表格被打印时，表格的表头和页足可被打印在包括表格数据的每张页面上。

html tfoot标签示例

<html>
<head>
<style type="text/css">
thead {color:green}
tbody {color:blue;height:50px}
tfoot {color:red}
</style>
</head>
<body>
<table border="1">
  <thead>
    <tr>
      <th>Month</th>
      <th>Savings</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td>January</td>
      <td>$100</td>
    </tr>
    <tr>
      <td>February</td>
      <td>$80</td>
    </tr>
  </tbody>
  <tfoot>
    <tr>
      <td>Sum</td>
      <td>$180</td>
    </tr>
  </tfoot>
</table>
</body>
</html>

以上就是tfoot标签是啥意思的具体内容，更多请关注百分百源码网其它相关文章！

打赏