tas2580
Blog über Webentwicklung

HTML - <tfoot>

Gruppiert den Fußzeilen 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 <tfoot> -Tag wird zum Gruppieren der Fußzeile in einer HTML-Tabelle verwendet.

Das <tfoot> Element wird in Verbindung mit den <thead> und <tbody> Elementen verwendet, um die einzelnen Teile einer Tabelle (Footer, Header, Body) angeben.

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 <tbody> -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 <tfoot> Tag verwendet Globale HTML Attribute.