旋转表中的HTML tbody和thead

时间:2011-08-08 08:57:09

标签: html validation html-table

在HTML中,我们可以使用<tbody><thead>

使用“普通”表格可以正常工作。

<table>
  <thead>
    <tr>
      <th>col1</th>
      <th>col2</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td>data1-1</td>
      <td>data1-2</td>
    </tr>
  </tbody>
</table>

但有时会有一个轮换表:

<table>
  <tr>
    <th>col1</th>
    <td>data1-1</td>
  </tr>
  <tr>
    <th>col2</th>
    <td>data1-2</td>
  </tr>
</table>

当我使用旋转的表格时,我从不使用<tbody><tbody>

但是,如果我没有问题,<tbody>必须使用<tfoot>

Does a <tr> have to be inside a <tbody>

所以我的问题是:

上述陈述是否正确(如果使用<tfoot>确实是强制性的)?

如果是这样,您会在第二个示例表中添加<thead><tbody>

1 个答案:

答案 0 :(得分:1)

根据W3 specification tbody标记始终是强制性的,除非您的表只有一个表格主体且没有标题和脚部分。

在您的情况下,您可以使用:

<table>
  <tbody>
   <tr>
    <td>col1</td>
    <td>data1-1</td>
   </tr>
   <tr>
    <td>col2</td>
    <td>data1-2</td>
   </tr>
  </tbody>
 </table>

这是HTML有效。由于您在表格顶部没有“真实”标题,因此我认为这里没有标题标记。我不确定HTML约定是否支持旋转表,所以你基本上只有一个普通的表格。