是否可以使用thead和tbody创建具有顶部和左侧标题的表格？

Question

我希望在HTML表中布局二维数据，例如

      Cow  Horse
  Big   1    3
Small   5    7

我可以通过以下标记轻松实现这一点。

<table>
    <tr><th></th><th>Cow</th><th>Horse</th></tr>
    <tr><th>Big</th><td>1</td><td>3</td></tr>
    <tr><th>Small</th><td>5</td><td>7</td></tr>
</table>

然而，我一直在想，这是否可能与tbody和thead标签？

我已经尝试过了，但是数据只是出现在标题下面，这是我所期望的，但不是想要的。

<table>
   <thead>
     <tr><th></th><th>Cow</th><th>Horse</th></tr>
     <tr><th>Big</th><th></th><th></th></tr>
     <tr><th>Small</th><th></th><th></th></tr>
   </thead>
   <tbody>
     <tr><td></td><td>1</td><td>3</td></tr>
     <tr><td></td><td>5</td><td>7</td></tr>
   </tbody>
</table>

后果

      Cow  Horse
  Big   
Small   
        1    3
        5    7

这是可能的，还是只能用于顶部或侧面的收割台，但不能同时用于两者。我在网上找不到这个问题的任何例子，也许我在搜索错误的东西。

• http://www.w3.org/TR/html401/struct/tables.html
• http://developer.mozilla.org/en-US/docs/Web/HTML/Element/table
• 这个答案有点接近，但只处理左侧的标题，而不是顶部

Answer 1

如果希望使用AD和tbody元素，则前者应包含标题行，而后者应包含所有其他行：

<table>
  <thead>
    <tr><th></th><th>Cow</th><th>Horse</th></tr>
  </thead>
  <tbody>
    <tr><th>Big</th><td>1</td><td>3</td></tr>
    <tr><th>Small</th><td>5</td><td>7</td></tr>
  </tbody>
</table>