HTML table 语义：<thead> 有多个 <tr>

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>

此结构在语义上是否正确分隔了 categories/sub-categories？

我知道它在视觉上看起来不错，但我不确定这在屏幕上看起来如何 reader 或一般的 W3C 规范。

Answer 1

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

HTML table 语义：<thead> 有多个 <tr>

HTML table semantics: <thead> with multiple <tr>

html

html-table

semantic-markup

screen-readers