tas2580
Blog über Webentwicklung

HTML - <thead>

Gruppiert den Header Inhalt in einer Tabelle

Beispiel

<table>
  <thead>
  <tr>
     <th>Monat</th>
     <th>Einnahmen</th>
  </tr>
  </thead>
  <tbody>
  <tr>
     <td>Jannuar</td>
     <td>100€</td>
  </tr>
  <tr>
      <td>Februar</td>
      <td>80€</td>
  </tr>
  </tbody>
  <tfoot>
  <tr>
      <td>Summe</td>
      <td>180€</td>
  </tr>
  </tfoot>
</table>

Demo


Definition und Verwendung

Der <thead> -Tag wird zur Gruppierung von dem Header-Inhalt in einer HTML-Tabelle verwendet.

Das <thead> Element wird in Verbindung mit den <tbody> und <tfoot> Elementen verwendet, um jeden Teil einer Tabelle anzugeben (Körper, Kopf- und Fußzeile).

Browser können diese Elemente verwenden um Scrollen des Tabellenkörpers unabhängig von der Kopf- und Fußzeile zu ermöglichen. Wenn eine große Tabelle gedruckt wird, die sich über mehrere Seiten erstreckt, können der Tabelle Kopf- und die Fußzeile am oberen und unteren Rand jeder Seite gedruckt werden.

Das <thead> -Tag muss im folgenden Kontext verwendet werden: Als Kind eines <table> -Element, nach den <caption>, <colgroup> und <thead> Elementen.


Browser Unterstützung

Chrome 1.0
Firefox 1.0
Safari 1.0
Opera 3.5
Edge 12.0
IE 4.0

Attribute

Attribute stellen zusätzliche Informationen über HTML-Elemente bereit. Attribute müssen immer in den öffnenden Tag geschrieben werden.

Der <thead> Tag verwendet Globale HTML Attribute.