Cascading Stylesheets – Zur Startseite Cascading Stylesheets Stil mit <Stil>

thead ♦ <thead> ... </thead> ♦ Zurzeit von keinem Browser unterstützt ♦ HTML 4.0

Das <thead>-Tag ist eines der drei neuen Tags der Version 4.0, die eine Tabelle in drei Bereiche aufteilen.

Das <tbody>-Tag definiert den "Tabellenkörper", in dem die Inhalte dargestellt werden, das <thead>-Tag definiert den Header und das <tfoot>-Tag die Fußnote einer Tabelle. Diese Einteilung wurde eingeführt, damit der Tabellenkörper in langen Tabellen scrollen kann, während Header und Fußnote im Browserfenster sichtbar bleiben. Beachten Sie, dass die korrekte Aufruffolge für diese Tags thead gefolgt von tfoot und zuletzt tbody ist. Leider unterstützt bislang kein Browser diese neuen Tags vollständig.

Das schließende Tag ist optional. Es ist allerdings zu empfehlen, es stets zu setzen.

Kernattribute class dir id lang onclick ondblclick onkeydown onkeypress onkeyup onmousedown onmousemove onmouseout onmouseover onmouseup style title
align unerwünscht 4.0 Das Attribut align steuert die horizontale Ausrichtung des Zellinhalts. Die fünf gültigen Werte sind center, char, justify, left und right.
char Das Attribut char weist ein Zeichen für die Ausrichtung des Inhalts einer Zelle aus. An diesem Zeichen werden Dezimalstellen in einer Spalte vertikal ausgerichtet. Der Vorgabewert ist länderspezifisch. In den USA wird das erste Vorkommen eines Kommas oder eines Dezimalpunktes benutzt.
charoff Das Attribut charoff ist eine ganze Zahl, die den Abstand des Zeichens für die Ausrichtung vom Zellenrand angibt. Per Vorgabe wird der Abstand vom linken Zellenrand berechnet.
valign Das Attribut valign steuert die vertikale Ausrichtung der Daten in einer einzelnen Zeile. Die möglichen Werte sind baseline, bottom, middle und top.

Beispiel

<table border="1">

  <caption> 
  <b>Tabelle</b> mit thead, tfoot & tbody 
  </caption>
  <thead> 
    <tr> 
      <th>Tabellenkopf 1</th>
      <th>Tabellenkopf 2</th>
    </tr>
  </thead> 
  <tfoot> 
    <tr> 
      <td colspan="2">Fu&szlig;note</td>
    </tr>
  </tfoot> 
  <tbody> 
    <tr> 
      <td>Tabellenzelle 1</td>
      <td>Tabellenzelle 2</td>
    <tr> 
  </tbody> 
</table>

Darstellung

Tabelle mit thead, tfoot & tbody
Tabellenkopf 1 Tabellenkopf 2
Fußnote
Tabellenzelle 1 Tabellenzelle 2

↑

 

Cascading Styleheets – Stil mit <Stil> • Das Begleitmaterial zum Buch
© media engineering Ulrike Häßler 2002 • Frechen