html表:thead vs th

Question

看起来(根据本页中的示例,无论如何),如果您使用THEAD,则不需要使用TH.

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

Answer 1

所述<thead>标签用于组中的一个HTML表中的标题内容.该thead元素应tbody与tfoot元素一起使用.

更多:thead

您可以使用<thead>封装整行(或多行)来将它们指定为表头.根据规范,

"这种划分使用户代理能够支持独立于桌面和桌脚滚动桌面.当打印长桌时,可以在包含表格数据的每个页面上重复桌面和桌面信息."

<th>另一方面,用于将特定单元格设计为标题单元而不是普通数据单元.

Answer 2

如果你想使用<th>并且<td>不要忘记在<thead>里面筑巢<th>.否则代码可能无效.
例:

<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>

Answer 3

th比具体内容更具体thead.甲th细胞是指定对应的报头中td的细胞.实际上,您可以headers向td单元格添加一个属性,该属性指向单元格的id th(对于屏幕阅读器).因此th与td该列的s 直接相关.

但是,thead可以包含任何信息......通常是它确实包含th单元格,但它也可以包含您认为适合作为表格顶部信息的任何内容(除了标题,因为它有自己的标记为好).

Answer 4

<thead> 特别之处在于它可用于在打印版本中重复页面顶部的标题行.

Answer 5

<thead>

表中的行可以被分组到一个表头,表脚,和一个或多个表体部分,使用THEAD,TFOOT和TBODY分别的元件.这种划分使用户代理能够独立于桌面和桌脚支持滚动桌面.当打印长表时,可以在包含表数据的每个页面上重复表头和脚信息.

表头和表脚应包含有关表列的信息.表体应包含表数据行.

如果存在,每个THEAD,TFOOT和TBODY都包含一个行组.每个行组必须至少包含一行,由TR元素定义.

<th>

表格单元格可能包含两种类型的信息:标题信息和数据.这种区别使用户代理能够清楚地呈现标题和数据单元格,即使在没有样式表的情况下也是如此.例如,可视用户代理可以使用粗体字体呈现标题单元格文本.语音合成器可以呈现具有不同语音变形的标题信息.

TH元素定义包含标题信息的单元格.用户代理有两个可用的头信息:TH元素的内容和abbr属性的值.用户代理必须呈现单元格的内容或abbr属性的值.对于视觉媒体,当没有足够的空间来呈现细胞的全部内容时,后者可能是合适的.对于非可视媒体,当这些表格与其应用的单元格的内容一起呈现时,可以将其用作表格标题的缩写.

资料来源:http://www.w3.org/TR/html4/struct/tables.html

Answer 6

据我的经验来看，除非您使用 CSS 指定渲染差异，否则渲染没有差异。a<td>的内部将与a或 a的内部<thead>呈现相同的效果。<th><table><tbody>