组织表格的正确方法

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

Fiddle

Answer 1

如果此表确实有3行标题（不是数据），请将它们放在<thead>中。

<td>一般用于实际数据。

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

你很好。

Answer 2

根据HTML4和HTML5的w3文档，您可以在<tr>中拥有多个<thead>，并且这样做符合您的表格的语义，所以继续把它们移到thead。