HTML- <caption> -Tag
Beispiel
Eine Tabelle mit einer Beschriftung:
<table>
<caption>Monthly savings</caption>
<tr>
<th>Month</th>
<th>Savings</th>
</tr>
<tr>
<td>January</td>
<td>$100</td>
</tr>
</table>
Weitere „Probieren Sie es selbst“-Beispiele weiter unten.
Definition und Verwendung
Das <caption>
Tag definiert eine Tabellenbeschriftung.
Das <caption>
Tag muss unmittelbar nach dem
<table> -Tag eingefügt werden.
Tipp: Standardmäßig wird eine Tabellenbeschriftung zentriert über einer Tabelle ausgerichtet. Die CSS-Eigenschaften text-align und caption-side können jedoch verwendet werden, um die Beschriftung auszurichten und zu platzieren.
Browser-Unterstützung
Element | |||||
---|---|---|---|---|---|
<caption> | Yes | Yes | Yes | Yes | Yes |
Globale Attribute
Das <caption>
Tag unterstützt auch die globalen Attribute in HTML .
Ereignisattribute
Das <caption>
Tag unterstützt auch die Ereignisattribute in HTML .
Mehr Beispiele
Beispiel
Tabellenbeschriftungen 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>
Verwandte Seiten
HTML-DOM-Referenz: Caption-Objekt
Standard-CSS-Einstellungen
Die meisten Browser zeigen das <caption>
Element mit den folgenden Standardwerten an:
Beispiel
caption {
display: table-caption;
text-align: center;
}