Beispiel
Eine HTML - Tabelle mit einem <thead>, <tfoot> und ein <tbody> Element:
<table>
<thead>
<tr>
<th>Month</th>
<th>Savings</th>
</tr>
</thead>
<tfoot>
<tr>
<td>Sum</td>
<td>$180</td>
</tr>
</tfoot>
<tbody>
<tr>
<td>January</td>
<td>$100</td>
</tr>
<tr>
<td>February</td>
<td>$80</td>
</tr>
</tbody>
</table>
Versuch es selber " Definition und Verwendung
Das <thead> -Tag wird auf Gruppenkopf Inhalt in einer HTML - Tabelle verwendet.
Das <thead> Element wird in Verbindung mit den verwendeten <tbody> und <tfoot> Elemente jedes Teil einer Tabelle angeben (Header, Body, Footer).
Browser können diese Elemente verwenden Scrollen des Tischkörpers zu ermöglichen, unabhängig von der Kopf- und Fußzeile. Auch wenn eine große Tabelle drucken, die über mehrere Seiten erstreckt, können diese Elemente in der Tabelle Kopf- und Fußzeile aktivieren am oberen und unteren Rand jeder Seite gedruckt werden sollen.
Das <thead> -Tag muss im folgenden Kontext verwendet werden: Als Kind eines <table> Element, nach irgendwelchen <caption> und <colgroup> Elemente, und bevor ein <tbody>, <tfoot> und <tr> Elemente.
Browser-Unterstützung
| Element | |||||
|---|---|---|---|---|---|
| <thead> | ja | ja | ja | ja | ja |
Tipps und Hinweise
Hinweis: Die <thead> Element eine haben muss oder mehr <tr> Tags im Inneren.
Tipp: Die <thead>, <tbody> und <tfoot> Elemente nicht das Layout der Tabelle standardmäßig beeinflussen.Allerdings können Sie CSS verwenden, um diese Elemente zu gestalten.
Unterschiede zwischen HTML 4.01 und HTML5
Keiner der HTML 4.01 Attribute werden in HTML5 unterstützt.
Attribute
| Attribut | Wert | Beschreibung |
|---|---|---|
| align | right left center justify char | Nicht in HTML5 unterstützt. Richtet den Inhalt innerhalb des <thead> Element |
| char | character | Nicht in HTML5 unterstützt. Richtet den Inhalt innerhalb des <thead> Element , um ein Zeichen |
| charoff | number | Nicht in HTML5 unterstützt. Legt die Anzahl der Zeichen der Inhalt innerhalb des <thead> Element wird aus dem Charakter von der angegebenen ausgerichtet werden char - Attribut |
| valign | top middle bottom baseline | Nicht in HTML5 unterstützt. Vertikale richtet den Inhalt innerhalb des <thead> Element |
globale Attribute
Das <thead> -Tag unterstützt auch den Global in HTML - Attribute .
Event-Attribute
Das <thead> -Tag unterstützt auch der Veranstaltung in HTML - Attribute .
Standard CSS-Einstellungen
Die meisten Browser erscheint auf dem Display <thead> mit den folgenden Standardwerte Element:
thead {
display: table-header-group;
vertical-align: middle;
border-color: inherit;
}