正確的方式來整理表

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>沒有錯，它表示該單元格是該特定行的標題。

你很好，就是這樣。