网络技术问题 | HTML 课程 |练习测验 1 |问题 8

问题描述

在 HTML 中，如何定义跨页的表头和表尾？

回答

在 HTML 中，我们可以使用 thead 和 tfoot 标签来定义跨页的表头和表尾。

具体使用方法如下：

1. 将表头部分的内容放在 thead 标签内。例如：

<table>
  <thead>
    <tr>
      <th>姓名</th>
      <th>年龄</th>
      <th>性别</th>
    </tr>
  </thead>
  <tbody>
    <!-- 表格内容 -->
  </tbody>
  <tfoot>
    <!-- 表尾内容 -->
  </tfoot>
</table>

2. 将表尾部分的内容放在 tfoot 标签内。例如：

<table>
  <thead>
    <!-- 表头内容 -->
  </thead>
  <tbody>
    <!-- 表格内容 -->
  </tbody>
  <tfoot>
    <tr>
      <td colspan="2">合计</td>
      <td>100</td>
    </tr>
  </tfoot>
</table>

在这个例子中，tfoot 标签中的内容将显示在表格的最下方，并且只在表格的最后一页显示。

同时，为了让每一页都显示表头，我们还可以在 CSS 中将表头 thead 设置为固定位置，例如：

thead {
  position: fixed;
  top: 0;
}

这样，表头就会一直在页面顶部显示，无论滚动到哪一页。