Neueste Web-Entwicklung Tutorials
 

HTML <tbody> Tag


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 <tbody> Tag wird zur Gruppe um den Körper Inhalt in einer HTML - Tabelle verwendet.

Das <tbody> Element wird in Verbindung mit den verwendeten <thead> und <tfoot> Elemente jedes Teil einer Tabelle angeben (Körper, Kopf- und Fußzeile).

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 <tbody> Tag muss im folgenden Kontext verwendet werden: Als Kind eines <table> Element, nach irgendwelchen <caption>, <colgroup> und <thead> Elemente.


Browser-Unterstützung

Element
<tbody> ja ja ja ja ja

Tipps und Hinweise

Hinweis: Die <tbody> 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 <tbody> Element
char character Nicht in HTML5 unterstützt.
Richtet den Inhalt innerhalb des <tbody> Element , um ein Zeichen
charoff number Nicht in HTML5 unterstützt.
Legt die Anzahl der Zeichen der Inhalt innerhalb des <tbody> 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 <tbody> Element

globale Attribute

Das <tbody> Tag unterstützt auch den Global in HTML - Attribute .


Event-Attribute

Das <tbody> Tag unterstützt auch der Veranstaltung in HTML - Attribute .


Standard CSS-Einstellungen

Die meisten Browser erscheint auf dem Display <tbody> mit den folgenden Standardwerte Element:

tbody {
    display: table-row-group;
    vertical-align: middle;
    border-color: inherit;
}