html - 验证 (HTML5)：元素“th”不能嵌套在元素“表”中

Question

给定以下 HTML，为什么会出现错误：

验证 (HTML5)：元素“th”不能嵌套在元素“表”中

<table>
    <th>ID</th>
    <th>text header</th>
    <tr>
        <td>7</td>
        <td>text</td>
    </tr>
</table>

Answer 1

您不能将<th>元素放在 a 之外<tr>，以下代码段有效

<table>
    <thead>
        <tr>
            <th>ID</th>
            <th>text header</th>
        </tr>
    </thead>
    <tbody>
    <tr>
        <td>7</td>
        <td>text</td>
    </tr>
    <tbody>
</table>

<th> 使用上下文 https://developer.mozilla.org/en/docs/Web/HTML/Element/th

允许的父元素

一个<tr>元素。

Answer 2

我收到thead了类似的警告。这是 Visual Studio 中的剃须刀页面。

<table>
    <thead>
        <th>Id</th>
        <th>Name</th>
    </thead>
    <tbody>
        @foreach(var customer in Model.Customers.Take(100))
        {
            <tr>
                <td>@customer.Id</td>
                <td>@customer.Name</td>
            </tr>
        }
    </tbody>
</table>

为了减轻这种情况，我替换th为tr如下。

<table>
    <thead>
        <tr>Id</tr>
        <tr>Name</tr>
    </thead>
    <tbody>
        @foreach(var customer in Model.Customers.Take(100))
        {
            <tr>
                <td>@customer.Id</td>
                <td>@customer.Name</td>
            </tr>
        }
    </tbody>
</table>