正确的方式来整理表

Question

我有这个标记

<div id="standards"> 
<table border="1"> 
    <thead> 
     <tr> 
      <th>Markup</th> 
      <th colspan="4">HTML</th> 
      <th colspan="4">XHTML</th> 
     </tr> 
    </thead> 
    <tbody> 
     <tr> 
      <th>Version</th> 
      <td colspan="3">4.01</td> 
      <td>5</td> 
      <td colspan="3">1.0</td> 
      <td>5</td> 
     </tr> 
     <tr> 
      <th>Flavour</th> 
      <td>Strict</td> 
      <td>Transitional</td> 
      <td>Frameset</td> 
      <td>N/A</td> 
      <td>Strict</td> 
      <td>Transitional</td> 
      <td>Frameset</td> 
      <td>N/A</td> 
     </tr> 
     <tr> 
      <th>Support</th> 
      <td>Yes</td> 
      <td>Yes</td> 
      <td>Yes</td> 
      <td>Yes</td> 
      <td>Yes</td> 
      <td>Yes</td> 
      <td>Yes</td> 
      <td>Yes</td> 
     </tr> 
    </tbody> 

我的问题是，我应该离开第一和第二“TR”中的“TBODY”，因为它是现在，还是应该我从语义角度将它们移到“thead”。表中可以看到，有3个标题。这样做的正确方法是什么？这里是小提琴

Fiddle

Answer 1

您可以根据为HTML4和HTML5 W3号文件和做，将适合你的表在语义方面的<thead>有多个<tr>的，所以，尽管它们移动到THEAD。

Answer 2

如果这个表确实有3个行头（没有数据），把它们放在<thead>。

<td>适用于一般的实际数据。

表格行中的<th>没有错，它表示该单元格是该特定行的标题。

你很好，就是这样。