Značka HTML <caption>
Příklad
Tabulka s popiskem:
<table>
<caption>Monthly savings</caption>
<tr>
<th>Month</th>
<th>Savings</th>
</tr>
<tr>
<td>January</td>
<td>$100</td>
</tr>
</table>
Další příklady „Vyzkoušejte si to sami“ níže.
Definice a použití
Tag <caption>definuje popisek tabulky.
Značka <caption>musí být vložena bezprostředně za
značku <table> .
Tip: Ve výchozím nastavení bude titulek tabulky zarovnán na střed nad tabulkou. K zarovnání a umístění titulku však lze použít vlastnosti CSS text-align a caption-side .
Podpora prohlížeče
| Element | |||||
|---|---|---|---|---|---|
| <caption> | Yes | Yes | Yes | Yes | Yes |
Globální atributy
Značka <caption>také podporuje globální atributy v HTML .
Atributy události
Značka <caption>také podporuje atributy událostí v HTML .
Další příklady
Příklad
Popisky tabulky pozic (s 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>
Související stránky
HTML DOM reference: Caption Object
Výchozí nastavení CSS
Většina prohlížečů zobrazí <caption>prvek s následujícími výchozími hodnotami:
Příklad
caption {
display: table-caption;
text-align: center;
}