HTML <tfoot> 标签

<tfoot> 标签定义表格的页脚（脚注）部分。<tfoot> 标签必须与 <thead> 和 <tbody> 标签一起使用，以定义表格的不同部分。

语法

// www.javascriptcn.com code example
<table>
  <thead>
    <tr>
      <th>Header 1</th>
      <th>Header 2</th>
    </tr>
  </thead>
  <tfoot>
    <tr>
      <td>Footer 1</td>
      <td>Footer 2</td>
    </tr>
  </tfoot>
  <tbody>
    <tr>
      <td>Data 1</td>
      <td>Data 2</td>
    </tr>
  </tbody>
</table>

属性

• align: 定义 <tfoot> 元素中的内容如何对齐。可选值有 "left"、"center" 和 "right"。

示例

// www.javascriptcn.com code example
<table>
  <thead>
    <tr>
      <th>Month</th>
      <th>Savings</th>
    </tr>
  </thead>
  <tfoot align="right">
    <tr>
      <td>Total:</td>
      <td>$1000</td>
    </tr>
  </tfoot>
  <tbody>
    <tr>
      <td>January</td>
      <td>$100</td>
    </tr>
    <tr>
      <td>February</td>
      <td>$200</td>
    </tr>
  </tbody>
</table>

在上面的示例中，<tfoot> 标签定义了表格的页脚部分，用于显示总计。通过 align="right" 属性，可以将页脚内容右对齐显示。

<tfoot> 标签通常用于显示表格的总计、平均值等汇总信息，是表格的一个重要组成部分。