前面的 tbody 是否有效

Question

我在这里有一个简单的表格，其中 tbody 在 thead 之前

该表格仍然适用于头部上方的身体，但这是有效的，并且适用于所有现代浏览器。

我这样做是为了解决粘性标题的问题

<table>
  
  <tbody>
    <tr>
      <td>One</td>
      <td>Two</td>
      <td>Three</td>
    </tr>
  <tbody>
  <thead>
    <tr>
      <th>Header 1</th>
      <th>Header 2</th>
      <th>Header 3</th>
    </tr>
  </thead>
<table>

Answer 1

<tbody> 元素之后的<thead> 元素无效。您可以在 HTML5-Validator 上验证您的 HTML5 标记。验证后显示此错误：

错误： 元素 <thead> 在此上下文中不允许作为元素 <table> 的子元素。

可以使用元素<thead>的上下文：
作为<table> 元素的子，在任何<caption>和<colgroup>元素和在任何之前<tbody>，@ 987654335@ 和 <tr> 元素，但前提是没有其他 <thead> 元素是 <table> 元素的子元素。

还要注意<table> 元素的内容模型：

按此顺序：可选的<caption> 元素，后跟零个或多个<colgroup> 元素，可选的后跟一个<thead> 元素，后跟零个或多个<tbody> 元素或一个或多个<tr>元素，后跟可选的 <tfoot> 元素，可选地与一个或多个脚本支持元素混合。

所以<table> 元素中的元素顺序很重要。

以下 HTML 标记是有效的 HTML5：

<table>
  <thead>
    <tr>
      <th>Header 1</th>
      <th>Header 2</th>
      <th>Header 3</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td>One</td>
      <td>Two</td>
      <td>Three</td>
    </tr>
    <tr>
      <td>One</td>
      <td>Two</td>
      <td>Three</td>
    </tr>
    <tr>
      <td>One</td>
      <td>Two</td>
      <td>Three</td>
    </tr>
  </tbody>
</table>

注意：在这种情况下，您还可以删除结束标签</thead> 和</tbody>，因为...

如果<thead> 元素后面紧跟<tbody> 或<tfoot> 元素，则可以省略<thead> 元素的结束标记。

---

您可以在HTML specification找到以上所有信息。

Answer 2

原始问题的 html 无效，@ttmt 没有关闭 tbody，这使验证器认为他在 tbody 中有一个 thead，因此当前接受的答案是错误的。

Thead、Tbody 和 Tfoot 不能在彼此内部，但根据当前的 html5 规范，它们可以以任何给定顺序出现在 table 标记内

https://html.spec.whatwg.org/multipage/tables.html#the-thead-element