HTML Tbody标签

简介

<tbody> 标签定义表格的主体部分，通常与 <thead> (表格头部) 以及 <tfoot> (表格底部) 标签配合使用。<tbody> 标签应该始终包含一些行，不仅仅是页面上渲染出来的数据行，在代码中如果不需要数据行，也应该保留一个空的 <tbody> 元素。

语法

<tbody> 标签位于 <table> 标签内部，且仅允许包含 <tr> 标签，如下所示：

<table>
  <thead>
    <tr>
      <th>Header 1</th>
      <th>Header 2</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td>Row 1 Data 1</td>
      <td>Row 1 Data 2</td>
    </tr>
    <tr>
      <td>Row 2 Data 1</td>
      <td>Row 2 Data 2</td>
    </tr>
  </tbody>
  <tfoot>
    <tr>
      <td>Total 1</td>
      <td>Total 2</td>
    </tr>
  </tfoot>
</table>

属性

<tbody> 标签没有单独的属性。

示例

以下示例演示如何使用 <tbody> 标签来划分表格的主体部分：

<table>
  <caption>HTML表格示例</caption>
  <thead>
    <tr>
      <th>名称</th>
      <th>公司</th>
      <th>国家</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td>张三</td>
      <td>IBM</td>
      <td>美国</td>
    </tr>
    <tr>
      <td>李四</td>
      <td>Microsoft</td>
      <td>美国</td>
    </tr>
    <tr>
      <td>王五</td>
      <td>Alibaba</td>
      <td>中国</td>
    </tr>
  </tbody>
</table>

总结

<tbody> 标签定义表格的主体部分，通常与 <thead> (表格头部) 以及 <tfoot> (表格底部) 标签配合使用，应该始终包含一些行，不仅仅是页面上渲染出来的数据行，在代码中如果不需要数据行，也应该保留一个空的 <tbody> 元素。