html 表：thead vs th

问题描述

它看起来像 (根据 this page 的例子，无论如何)，如果你使用 THEAD，你不需要使用 TH 。

真的吗？如果是这样，THEAD 对 TH 的优点/缺点是什么？

最佳解决方案

<thead> 标签用于对 HTML 表格中的标题内容进行分组。 thead 元素应与 tbody 和 tfoot 元素结合使用。

更多：thead

您可以使用<thead> 封装整行 (或行) 来将其指定为表头。根据规范，

“This division enables user agents to support scrolling of table bodies independently of the table head and foot. When long tables are printed, the table head and foot information may be repeated on each page that contains table data.”

另一方面，<th> 用于将特定单元作为标题单元而不是普通数据单元。

次佳解决方案

如果要使用<thead> 和<th>，请勿忘记将<th> 嵌套在<tr> 内。否则代码可能无效。例：

<table>
  <thead>
    <tr>
      <th>Season</th>
      <th>Goals</th>
      <th>Assists</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <th>2009-2010</th>
      <td>25</td>
      <td>43</td>
    </tr>
    <tr>
      <th>2011-2012</th>
      <td>40</td>
      <td>20</td>
    </tr>
  </tbody>
</table>

第三种解决方案

th 比 thead 内部更具体。 th 单元是指定相应 td 单元格的标题。实际上，您可以将 headers 属性添加到指向 th 单元格 (用于屏幕阅读器) 的 td 单元格。所以 th 与该列的 td 是直接相关的。

但是，thead 可以包括任何信息… 通常是它包括 th 单元格，但它也可以包括任何您认为适合作为表顶部的信息 (除了标题，因为它有自己的标签) 。

第四种方案

<thead> 是特殊的，它可以用于在打印版本的页面顶部重复标题行。

参考文献

• html tables: thead vs th

注：本文内容整合自 Google/Baidu/Bing 辅助翻译的英文资料结果。如果您对结果不满意，可以加入我们改善翻译效果：薇晓朵技术论坛。