HTML-<caption>-Tag
Beispiel
Eine Tabelle mit einer Überschrift:
<table>
<caption>Monthly savings</caption>
<tr>
<th>Month</th>
<th>Savings</th>
</tr>
<tr>
<td>January</td>
<td>$100</td>
</tr>
</table>
Try it Yourself »
Weitere "Try it Yourself" („Probieren Sie es selbst“)-Beispiele weiter unten.
Definition und Verwendung
Das Tag <caption> definiert eine Tabellenbeschriftung.
Das Tag <caption> muss unmittelbar nach dem Tag <table> eingefügt werden.
Tipp: Standardmäßig wird eine Tabellenüberschrift zentriert über einer Tabelle angezeigt. Allerdings sind die CSS-Eigenschaften text-align und caption-side kann zum Ausrichten und Platzieren der Beschriftung verwendet werden.
Browser-Unterstützung
| Element | |||||
|---|---|---|---|---|---|
| <caption> | Yes | Yes | Yes | Yes | Yes |
Globale Attribute
Das Tag <caption> unterstützt auch die Globale Attribute in HTML.
Ereignisattribute
Das Tag <caption> unterstützt auch die Ereignisattribute in HTML.
Weitere Beispiele
Beispiel
Tabellenüberschriften positionieren (mit CSS):
<table>
<caption style="text-align:right">My savings</caption>
<tr>
<th>Month</th>
<th>Savings</th>
</tr>
<tr>
<td>January</td>
<td>$100</td>
</tr>
</table>
<br>
<table>
<caption style="caption-side:bottom">My savings</caption>
<tr>
<th>Month</th>
<th>Savings</th>
</tr>
<tr>
<td>January</td>
<td>$100</td>
</tr>
</table>
Try it Yourself »
Verwandte Seiten
HTML-DOM-Referenz: Objekt Caption.
Standard-CSS-Einstellungen
Die meisten Browser zeigen das Element <caption> mit den folgenden Standardwerten an:
