Tag HTML <didascalia>
Esempio
Una tabella con una didascalia:
<table>
<caption>Monthly savings</caption>
<tr>
<th>Month</th>
<th>Savings</th>
</tr>
<tr>
<td>January</td>
<td>$100</td>
</tr>
</table>
Altri esempi "Provalo da solo" di seguito.
Definizione e utilizzo
Il <caption>
tag definisce una didascalia della tabella.
Il <caption>
tag deve essere inserito subito dopo il
tag <table> .
Suggerimento: per impostazione predefinita, la didascalia di una tabella sarà allineata al centro sopra una tabella. Tuttavia, le proprietà CSS text-align e caption-side possono essere utilizzate per allineare e posizionare la didascalia.
Supporto browser
Element | |||||
---|---|---|---|---|---|
<caption> | Yes | Yes | Yes | Yes | Yes |
Attributi globali
Il <caption>
tag supporta anche gli attributi globali in HTML .
Attributi dell'evento
Il <caption>
tag supporta anche gli attributi dell'evento in HTML .
Altri esempi
Esempio
Didascalie della tabella di posizione (con 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>
Pagine correlate
Riferimento HTML DOM: oggetto didascalia
Impostazioni CSS predefinite
La maggior parte dei browser visualizzerà l' <caption>
elemento con i seguenti valori predefiniti:
Esempio
caption {
display: table-caption;
text-align: center;
}