<th> 在标签后使用会导致<td>问题吗？

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>