HTML5 中的 <tfoot> 标签用于定义表格的页脚部分(table footer)。通常,页脚包含表格中的汇总信息、总计或其他与表格数据相关的附加信息。<tfoot> 元素通常放置在 <table> 元素内,紧跟在 <tbody> 或 <thead> 元素之后。

以下是一个包含 <tfoot> 的表格示例:
<!DOCTYPE html>
<html>
<head>
  <title>表格示例</title>
</head>
<body>

<table border="1">
  <thead>
    <tr>
      <th>姓名</th>
      <th>年龄</th>
      <th>城市</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td>张三</td>
      <td>25</td>
      <td>北京</td>
    </tr>
    <tr>
      <td>李四</td>
      <td>30</td>
      <td>上海</td>
    </tr>
  </tbody>
  <tfoot>
    <tr>
      <td colspan="3">总计:2 人</td>
    </tr>
  </tfoot>
</table>

</body>
</html>

在这个例子中,<tfoot> 包含了一个包含总计信息的行,使用 <td> 元素包含了跨足整个表格列的内容,colspan="3" 属性表示横跨3列。

使用 <tfoot> 有助于提供表格数据的完整性和可读性,特别是当表格包含大量数据时。


转载请注明出处:http://www.pingtaimeng.com/article/detail/3780/HTML5