table footer怎么加

在HTML中，表格footer通常是指表格底部的一部分，用来包含额外的汇总信息或关联数据。要添加一个table footer，我们通常会使用`<tfoot>`标签，它包含了`<tr>`（表格行）和`<td>`（表格单元格）或`<th>`（表头单元格）标签来定义footer中的内容。以下是一个简单的例子：

<table>
  <thead>
    <tr>
      <th>姓名</th>
      <th>年龄</th>
      <th>职业</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td>张三</td>
      <td>28</td>
      <td>工程师</td>
    </tr>
    <!-- 其他行 -->
  </tbody>
  <tfoot>
    <tr>
      <td colspan="3">总计：3人</td>
    </tr>
  </tfoot>
</table>

在这个例子中，`<tfoot>`标签内定义了一个表格行`<tr>`，其中包含了一个单元格`<td>`。单元格内的文本“总计：3人”表示footer中要显示的信息。通过`colspan="3"`属性，表示该单元格横跨三列，因为footer通常位于表格底部，这里是为了让“总计”一词横跨整个表格宽度。

使用`<tfoot>`还有助于提高表格内容的可访问性，因为屏幕阅读器和辅助技术可能会将`<tfoot>`中的内容视为一个整体，从而让用户更容易理解表格数据。