Sie können eine Tabelle mit einem Titelbereich versehen. Darin können Sie beispielsweise die Legende zur Tabelle notieren, also die Art, wie die Tabelle zu lesen und wie ihre Daten zu verstehen sind.
<table border="1"> <caption> <p>Die drei größten Städte Deutschlands haben gewisse Parallelkulturen entwickelt.<br> Die Tabelle assoziiert in jeder Zeile ein vergleichbares Charakteristikum.</p> </caption> <tr> <th>Berlin</th> <th>Hamburg</th> <th>München</th> </tr> <tr> <td>Miljöh</td> <td>Kiez</td> <td>Bierdampf</td> </tr> <tr> <td>Buletten</td> <td>Frikadellen</td> <td>Fleischpflanzerl</td> </tr> </table>
Ein Titelbereich für die Tabellenbeschriftung bzw. die Legende zur Tabelle wird durch <caption>…</caption> markiert. Wenn Sie dieses Element verwenden, muss es das erste Element direkt hinter dem einleitenden <table>-Tag sein. Erst daran anschließend sind Elemente wie colgroup, thead, tfoot, tbody oder tr erlaubt.
Der Inhalt des caption-Elements kann Text und so ziemlich alle anderen Dokumentkörperelemente mit Ausname von table enthalten. Im obigen Beispiel enthält der Bereich einen Textabsatz mit einem einführenden Lesarthinweis.
Durch die Notationsvorschrift, ein caption-Element zu Beginn der Tabelle zu notieren, entsteht der häufige Wunsch, eine Tabellenunterschrift anstelle einer Tabellenüberschrift zu definieren. Das früher übliche Attribut <caption align="bottom">, das diesen Zweck erfüllt, ist in HTML5 nicht mehr vorgesehen, weil es physisches Markup ist. Mit der CSS-Eigenschaftszuweisung <caption style="caption-side: bottom"> erreichen Sie das gleiche Ziel, allerdings nicht in älteren Browsern. Deshalb sei das align-Attribut an dieser Stelle noch erwähnt.
Wenn Sie einfach eine Tabellenbeschriftung im Stil einer Tabellenunterschrift wünschen, zum Beispiel für Inhalte der Art Tabelle 5.2: Äpfel und Birnen im Vergleich, dann ist es sinnvoller, dafür das figure-Element von HTML5 zu verwenden. Dieses Element wird im Buchabschnitt Abbildungen beschrieben.
Per Default stellen Browser den Inhalt des caption-Elements meist zentriert dar. Verwenden Sie CSS bzw. geeignete CSS-Eigenschaften, um diese Voreinstellung nach Wunsch zu überschreiben und weitere Formatierungen für die Tabellenbeschriftung zu erzwingen.
Korrekturen, Hinweise und Ergänzungen
Bitte scheut euch nicht und meldet, was auf dieser Seite sachlich falsch oder irreführend ist, was ergänzt werden sollte, was fehlt usw. Dazu bitte oben aus dem Menü Seite den Eintrag Diskutieren wählen. Es ist keine Anmeldung erforderlich, um Anmerkungen zu posten. Unpassende Postings, Spam usw. werden allerdings kommentarlos entfernt.