HTML-Tabellen: Thead vs Th

Es sieht so aus (gemäß den Beispielen auf dieser Seite jedenfalls), dass Sie TH nicht verwenden müssen, wenn Sie THEAD verwenden.

Ist das wahr? Wenn ja, welche Vor- und Nachteile hat THEAD gegenüber TH?

Das <thead>Tag wird verwendet, um den Header-Inhalt in einer HTML-Tabelle zu gruppieren. Das theadElement sollte in Verbindung mit den Elementen tbodyund tfootverwendet werden.

Mehr: Thead

Sie <thead>kapseln eine ganze Zeile (oder mehrere Zeilen), um sie als Tabellenüberschrift zu kennzeichnen. Nach der Spezifikation,

"Diese Unterteilung ermöglicht es Benutzeragenten, das Scrollen von Tabellenkörpern unabhängig von Kopf und Fuß des Tisches zu unterstützen. Wenn lange Tabellen gedruckt werden, können die Informationen zu Kopf und Fuß des Tisches auf jeder Seite wiederholt werden, die Tabellendaten enthält."

<th>Andererseits wird verwendet, um eine bestimmte Zelle als Kopfzelle und nicht als gewöhnliche Datenzelle zu formatieren.

<th>ist eigentlich ein Ersatz dafür, <td>wenn Sie eine Zelle als Header-Zelle markieren möchten.

Wenn Sie verwenden möchten , <thead>und <th>nicht zu vergessen Nest <th>innen <tr>. Andernfalls ist der Code möglicherweise nicht gültig.
Beispiel:

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

thist spezifischer als das, was sich innerhalb von befindet thead. Eine thZelle soll den Header der entsprechenden tdZellen angeben . Tatsächlich können Sie headerseiner tdZelle ein Attribut hinzufügen , das auf die ID einer thZelle verweist (für Bildschirmleser). Steht thalso in direktem Zusammenhang mit dem tds dieser Spalte.

Jedoch theadkönnen alle Informationen umfassen ... gemeinhin ja tut es die umfassen thZellen , aber es kann auch alles enthalten , dass Sie als Information an der Spitze der Tabelle (andere als eine Beschriftung geeignet sein könnte halten, weil dies seine eigenen Tag hat als Gut).

<thead> ist insofern besonders, als es verwendet werden kann, um die Kopfzeile oben auf der Seite in gedruckten Versionen zu wiederholen.

<thead>

Tabellenreihen können in eine Tabelle Kopf, Tischfuß gruppiert werden, und einer oder mehr Tabellenkörperabschnitte, die unter Verwendung von THEAD, TFOOTund TBODYElementen, respectively. Diese Unterteilung ermöglicht es Benutzeragenten, das Scrollen von Tabellenkörpern unabhängig von Kopf und Fuß des Tisches zu unterstützen. Wenn lange Tabellen gedruckt werden, können die Tabellenkopf- und -fußinformationen auf jeder Seite wiederholt werden, die Tabellendaten enthält.

Der Tabellenkopf und der Tabellenfuß sollten Informationen zu den Tabellenspalten enthalten. Der Tabellenkörper sollte Zeilen mit Tabellendaten enthalten.

Wenn vorhanden, enthält jeder THEAD, TFOOT und TBODY eine Zeilengruppe. Jede Zeilengruppe muss mindestens eine Zeile enthalten, die vom TR-Element definiert wird.

<th>

Tabellenzellen können zwei Arten von Informationen enthalten: Header-Informationen und Daten. Diese Unterscheidung ermöglicht es Benutzeragenten, Header- und Datenzellen auch ohne Stylesheets eindeutig zu rendern. Beispielsweise können visuelle Benutzeragenten Kopfzeilentext in Fettdruck darstellen. Sprachsynthesizer können Header-Informationen mit einer deutlichen Sprachbeugung rendern.

Das TH-Element definiert eine Zelle, die Header-Informationen enthält. Benutzeragenten verfügen über zwei Header-Informationen: den Inhalt des TH-Elements und den Wert des abbr-Attributs. Benutzerprogramme müssen entweder den Inhalt der Zelle oder den Wert des Attributs abbr rendern. Für visuelle Medien kann letzteres geeignet sein, wenn nicht genügend Platz vorhanden ist, um den gesamten Inhalt der Zelle zu rendern. Für nicht visuelle Medien kann abbr als Abkürzung für Tabellenüberschriften verwendet werden, wenn diese zusammen mit dem Inhalt der Zellen gerendert werden, für die sie gelten.

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

Soweit ich aus Erfahrung sagen kann, gibt es keinen Unterschied beim Rendern, es sei denn, Sie verwenden CSS, um einen Unterschied beim Rendern anzugeben. Ein <td>Inneres von a <thead>wird dasselbe wiedergeben wie ein <th>Inneres von a <table>oder a <tbody>.

Hier gibt es keine harten Regeln. Das <thead>Element ist nur eine andere Möglichkeit, Ihre Spalten und Zeilen zu gruppieren, genau wie <tbody>und <tfoot>. Sie haben also mehr Möglichkeiten zum Erstellen von Skripten und Formatieren.