组织表格的正确方法

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 个标题。这样做的正确方法是什么？这是小提琴

小提琴

Answer 1

根据 HTML4 和 HTML5 这样做会在语义方面适合您的表格，因此请继续将它们移至标题。

Answer 2

如果该表确实有 3 行标题（不是数据），请将它们放入 中。

一般用于实际数据。

表格行中的 没有任何问题，它表示该单元格是该特定行的标题。

你就这样就好了。