📜  HTML tbody 标签(1)

📅  最后修改于: 2023-12-03 15:01:11.292000             🧑  作者: Mango

HTML tbody 标签

HTML tbody 标签定义表格中的主体内容 (body) 部分。

该标签常在 <table> 标签内使用,用于封装包含实际数据的表格行。

语法
<table>
  <tbody>
    <!-- 表格行和内容 -->
  </tbody>
</table>
详细解释
  • HTML 表格由行 (row) 和列 (column) 组成。
  • 表格的头部 (header) 通常使用 <thead> 标签定义。
  • 表格的主体部分 (body) 通常使用 <tbody> 标签定义。
  • 表格的脚部 (footer) 通常使用 <tfoot> 标签定义。
示例
<table>
  <thead>
    <tr>
      <th>姓名</th>
      <th>年龄</th>
      <th>城市</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td>小明</td>
      <td>25</td>
      <td>北京</td>
    </tr>
    <tr>
      <td>小红</td>
      <td>28</td>
      <td>上海</td>
    </tr>
  </tbody>
  <tfoot>
    <tr>
      <td colspan="3">表格底部内容</td>
    </tr>
  </tfoot>
</table>

在上面的示例中,<tbody> 标签包含了两个表格行 (<tr>),每个表格行有3个表格单元 (<td>),用于显示对应的姓名、年龄和城市。<tbody> 也可以不使用,但是为了遵循 HTML 标准,建议在表格中使用。

注意:大多数浏览器会自动在表格中添加 <tbody> 标签,即使没有手动定义。然而,根据 HTML5 规范,对于没有 <tbody> 的表格,浏览器会自动创建一个空白的 <tbody>