HTML 表格语义：带有多个 <tr> 的 <thead>

Question

如果我像这样定义<thead>：

<thead>
  <tr>
    <th colspan=3>Category 1</th>
    <th colspan=2>Category 2</th>
  </tr>
  <tr>
    <th>Sub-cat 1</th>
    <th>Sub-cat 2</th>
    <th>Sub-cat 3</th>
    <th>Sub-cat 4</th>
    <th>Sub-cat 5</th>
  </tr>
</thead>

这种结构在语义上是否正确分离了类别/子类别？

我知道它在视觉上看起来不错，但我不确定这对于屏幕阅读器或一般 W3C 规范来说会是什么样子。

Answer 1

浏览器可以使用thead、tbody、tfooter 来启用独立于页眉和页脚的表格正文滚动。此外，在打印跨多页的大表格时，thead、tbody、tfooter 元素可以使表格页眉和页脚打印在每页的顶部和底部。有关更多信息，请参阅此内容：http://www.w3schools.com/tags/tag_thead.asp