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

Question

我遇到了一段 html 我必须编辑 table 看起来像下面包含的代码的地方。感觉有点脏，弄乱了 css 我必须申请。除了让 dom manipulation/styling 有点奇怪之外，是否存在这种做法的好例子？

<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 应该用作 header 单元格。如果它是一个 header，那么理想情况下，所有其他列也应该是 header，因为理想情况下你应该有一个 header 的行，然后是你的数据行. 虽然它是一个完全有效的 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>

Answer 2

<th> 和 <td> 之间的区别是语义上的。存在视觉差异，但这只是默认的 user-agent 样式表，可以被覆盖。作为 html 规范的一部分，它特别规定 <th> headers 对于行和列都可以是 headers。您可以灵活地使用它们。它不会造成任何问题。

事实上，规范中的示例在 <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

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

Can using a <th> tag after a <td> cause problems?

html

css

html-table