tabelas html: thead vs th

Parece (de acordo com os exemplos desta página , de qualquer maneira) que, se você estiver usando THEAD, não precisará usar TH.

Isso é verdade? Em caso afirmativo, quais são as vantagens / desvantagens de THEAD vs TH?

A <thead>tag é usada para agrupar o conteúdo do cabeçalho em uma tabela HTML. O theadelemento deve ser usado em conjunto com os elementos tbodye tfoot.

Mais: thead

Você usa <thead>para encapsular uma linha inteira (ou linhas) para designá-las como cabeçalho da tabela. De acordo com as especificações,

"Esta divisão permite que os agentes do usuário suportem a rolagem dos corpos da tabela independentemente da cabeça e do pé da tabela. Quando tabelas longas são impressas, as informações da cabeça e do pé da tabela podem ser repetidas em cada página que contém dados da tabela."

<th>, por outro lado, é usado para estilizar uma célula específica como uma célula de cabeçalho em vez de uma célula de dados comum.

<th>na verdade, é um substituto para <td>quando você deseja marcar uma célula como uma célula de cabeçalho.

Se você deseja usar <thead>e <th>não se esqueça de aninhar <th>dentro <tr>. Caso contrário, o código pode não ser válido.
Exemplo:

<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é mais específico do que aquilo que pode residir dentro de thead. Uma thcélula é para especificar o cabeçalho das tdcélulas correspondentes . Na verdade, você pode adicionar um headersatributo a uma tdcélula que aponte para o ID de uma thcélula (para leitores de tela). Então, thestá diretamente relacionado aos tds dessa coluna.

No entanto, theadpode incluir qualquer informação ... geralmente sim, inclui as thcélulas, mas também pode incluir qualquer coisa que você considere apropriada como informações na parte superior da tabela (exceto uma legenda, porque ela possui sua própria tag como bem).

<thead> é especial, pois pode ser usado para repetir a linha do cabeçalho na parte superior da página nas versões impressas.

<thead>

As linhas da tabela podem ser agrupados em uma cabeça de mesa, pé de mesa, e uma ou mais secções do corpo da tabela, usando a THEAD, TFOOTeTBODY elementos, respectivamente. Essa divisão permite que os agentes do usuário suportem a rolagem dos corpos da tabela independentemente da cabeça e do pé da tabela. Quando tabelas longas são impressas, as informações de cabeçalho e pé da tabela podem ser repetidas em cada página que contém dados da tabela.

O cabeçalho e o pé da tabela devem conter informações sobre as colunas da tabela. O corpo da tabela deve conter linhas de dados da tabela.

Quando presentes, cada THEAD, TFOOT e TBODY contém um grupo de linhas. Cada grupo de linhas deve conter pelo menos uma linha, definida pelo elemento TR.

<th>

As células da tabela podem conter dois tipos de informações: informações e dados do cabeçalho. Essa distinção permite que os agentes do usuário processem células de cabeçalho e dados distintamente, mesmo na ausência de folhas de estilo. Por exemplo, os agentes visuais do usuário podem apresentar o texto da célula do cabeçalho com uma fonte em negrito. Sintetizadores de fala podem renderizar informações de cabeçalho com uma inflexão de voz distinta.

O elemento TH define uma célula que contém informações do cabeçalho. Os agentes do usuário têm duas informações de cabeçalho disponíveis: o conteúdo do elemento TH e o valor do atributo abbr. Os agentes do usuário devem renderizar o conteúdo da célula ou o valor do atributo abbr. Para mídia visual, o último pode ser apropriado quando não houver espaço suficiente para renderizar todo o conteúdo da célula. Para mídias não visuais, a abreviação pode ser usada como uma abreviação de cabeçalhos de tabela quando estes são renderizados junto com o conteúdo das células às quais se aplicam.

Fonte: http://www.w3.org/TR/html4/struct/tables.html

Pelo que sei pela experiência, não há diferença na renderização, a menos que você esteja usando CSS para especificar uma diferença na renderização. Um <td>interior de a <thead>renderizará o mesmo que um <th>interior de a <table>ou a <tbody>.

Não há regras rígidas aqui. O <thead>elemento é apenas outra maneira de agrupar as suas colunas e linhas, como <tbody>e <tfoot>é. Então você tem mais possibilidades de criação de scripts e formatação.