是否可以使用 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

如果您希望使用thead和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>