html，表格（table）属性中的 thead、tbody 以及 tfoot的关系

最新推荐文章于 2025-05-14 18:18:51 发布

锦绣前程3future

最新推荐文章于 2025-05-14 18:18:51 发布

阅读量2.4k

点赞数

CC 4.0 BY-SA版权

分类专栏： html 文章标签： thead

本文链接：https://blog.youkuaiyun.com/info_china/article/details/89675501

html 专栏收录该内容

3 篇文章

订阅专栏

本文深入解析HTML中表格（table）的thead、tbody、tfoot元素作用及其相互关系，通过实例展示如何构建清晰的表格结构，即使改变元素顺序，也不影响内容显示。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

html，表格（table）属性中的 thead、tbody 以及 tfoot的关系
举个栗子：
就像word中的页眉页脚和内容。。
更改属性在table中的顺序（即thead、tbody、 tfoot颠倒位置），对内容并无影响

<table border="1">
    <tfoot>
    <tr>
      <td>Sum</td>
      <td>$180</td>
    </tr>
  </tfoot>
  <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>
</table>