HTML <caption> -tag
Voorbeeld
Een tabel met een onderschrift:
<table>
<caption>Monthly savings</caption>
<tr>
<th>Month</th>
<th>Savings</th>
</tr>
<tr>
<td>January</td>
<td>$100</td>
</tr>
</table>
Meer "Probeer het zelf" voorbeelden hieronder.
Definitie en gebruik
De <caption>
tag definieert een tabelbijschrift.
De <caption>
tag moet direct na de
<table> -tag worden ingevoegd.
Tip: Standaard wordt een tabelbijschrift gecentreerd boven een tabel uitgelijnd. De CSS-eigenschappen text-align en caption-side kunnen echter worden gebruikt om het bijschrift uit te lijnen en te plaatsen.
Browserondersteuning
Element | |||||
---|---|---|---|---|---|
<caption> | Yes | Yes | Yes | Yes | Yes |
Algemene kenmerken
De <caption>
tag ondersteunt ook de Global Attributes in HTML .
Gebeurteniskenmerken
De <caption>
tag ondersteunt ook de Event Attributes in HTML .
Meer voorbeelden
Voorbeeld
Positie tabelbijschriften (met 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>
Gerelateerde pagina's
HTML DOM-referentie: Caption Object
Standaard CSS-instellingen
De meeste browsers geven het <caption>
element weer met de volgende standaardwaarden:
Voorbeeld
caption {
display: table-caption;
text-align: center;
}