在​​導致問題後可以使用<th>標籤嗎？

Question

我遇到一段html，我必須編輯表格，看起來像下面包含的代碼。它感覺有點髒，並與我必須申請的CSS混亂。除了讓dom操縱/造型有點古怪，有沒有例子說明這是很好的做法？

<table> 
    <tbody> 
     <tr> 
      <td> <a href="">edit</a> <a href="">new</a></td> 
      <th>I AM THE IMPORTANT CELL</th> 
      <td>things</td> 
      <td>more things</td> 
     </tr> 
    </tbody> 
</table> 

Answer 1

<th>和<td>之間的區別是語義之一。有視覺差異，但這只是默認的用戶代理樣式表，並且可以被覆蓋。作爲html規範的一部分，它的具體目的是<th>標題可以是行和列的標題。目的是靈活使用它們。它不會造成任何問題。

實際上，規範中的示例在<td>之後使用了<th>。

<tr> <td> <th scope=rowgroup> Cats <td> <td> 

http://www.w3.org/TR/2014/REC-html5-20141028/tabular-data.html#the-th-element

Answer 2

TH應該被用作標題單元格。如果它是一個標題，那麼理想情況下，所有其他列也應該作爲標題，因爲理想情況下，您應該有一個標題的行，然後是數據行。 儘管這是一個完全有效的HTML，但它並沒有爲此目的使用正確的元素。

<table> 
    <tbody> 
     <tr> 
      <th> <a href="">edit</a> <a href="">new</a></th> 
      <th>I AM THE IMPORTANT CELL</th> 
      <th>things</th> 
      <th>more things</th> 
     </tr> 
     <tr> <!-- data cells--> </tr> 
    </tbody> 
</table>