组织表格的正确方法答案

【问题标题】：The Correct Way to Organize Tables组织表格的正确方法
【发布时间】：2011-05-19 18:24:47
【问题描述】：

我有这个标记

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

我的问题是我应该将“tbody”中的第一个和第二个“tr”保持原样，还是应该从语义的角度将它们移至“thead”。可以看出，该表有 3 个标题。这样做的正确方法是什么？这是小提琴

Fiddle

【问题讨论】：

标签： html semantics

【解决方案1】：

根据 HTML4 和 HTML5 的 w3 文档，您可以在 <thead> 中拥有多个 <tr>，这样做在语义方面适合您的表格，所以继续将它们移到前面.

【讨论】：

【解决方案2】：

如果这个表真的有3行表头（不是数据），把它们放在<thead>中。

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

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

你很好。

【讨论】：