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>标头可以是行和列的标头。我们打算灵活使用它们。它不会引起任何问题。

事实上，规范中的示例在<th>后使用<td>。

  <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>

导致问题后可以使用标签吗？

2 个答案: