Stil mit {stil}

Mar 2008

HTML-Tag <caption> ... <caption> • Überschrift einer Tabelle

Das <caption>-Tag platziert eine Überschrift oder Legende zu einer Tabelle. Der Kommentar taucht nicht in der Tabelle auf, sondern außerhalb – entweder über (Vorgabe) oder unter der Tabelle.

Das <caption>-Tag muss direkt hinter dem <table>-Tag stehen, auch noch vor dem <colgroup>-Tag. Sie können nur einen Kommentar, d.h. nur ein <caption>-Tag, pro Tabelle setzen. Der Text in den öffnenden und schließenden <caption>-Tags erscheint per Vorgabe zentriert über der Tabelle und kann durch weitere Inline-Tags und CSS-Eigenschaften formatiert werden.

Weiterhin kann das <table>-Tag ein summary-Attribut aufweisen, das für nicht-visuelle Medien wie die Braillezeile und die Sprachausgabe gedacht ist und weitere Informationen über die Tabelle enthalten kann.

HTML-Tabellen anlegen

<table summary="HTML Tabellen" border="1" cellspacing="4" cellpadding="4">
   <caption>Die Codierung einer Tabelle: Das <caption>-Tag … </caption>
   <colgroup><col style="width: 140px" /><col style="width: 240px" /></colgroup>
   <thead>
      <tr>
         <th colspan="2">HTML-Tabellen</th>
      </tr>
   </thead>
   <tfoot>
      <tr>
         <td colspan="2">Tabellen dienen der Strukturierung tabellarischer Daten. </td>
      </tr>
   </tfoot>
   <tbody>
      <tr>
         <td>table</td>
         <td>erzeugt eine Tabelle</td>
      </tr>
      …
   </tbody>
</table>

Darstellung

Attribute und Ereignisse für caption

Zum Seitenanfang