<caption>: l'elemento Table Caption
L'elemento HTML <caption>
specifica la didascalia (o il titolo) di una tabella.
Attributi deprecati
I seguenti attributi sono obsoleti e non devono essere utilizzati. Sono documentati di seguito come riferimento durante l'aggiornamento del codice esistente e solo per interesse storico.
Avviso: non utilizzare questo attributo, poiché è stato deprecato. L'elemento <caption>
deve essere stilizzato utilizzando le proprietà CSS caption-side
e text-align
.
left
La didascalia viene visualizzata a sinistra della tabella.
top
La didascalia viene visualizzata sopra la tabella.
right
La didascalia viene visualizzata a destra della tabella.
bottom
La didascalia viene visualizzata sotto la tabella.
Note d'uso
Se utilizzato, l'elemento <caption>
deve essere il primo figlio del relativo elemento padre <table>
.
Quando l'elemento <table>
che contiene <caption>
è l'unico discendente di un elemento <figure>
, dovresti usare l'elemento <figcaption>
invece di <caption>
.
Un background-color
sulla tabella non si applicherà anche alla didascalia. Aggiungi background-color
anche a all'elemento <caption>
se vuoi che lo stesso colore sia dietro entrambi.
Esempio
Questo semplice esempio presenta una tabella che include una didascalia.
<table>
<caption>Esempio di didascalia</caption>
<tr>
<th>Login</th>
<th>Email</th>
</tr>
<tr>
<th>user1</th>
<th>[email protected]</th>
</tr>
<tr>
<th>user2</th>
<th>[email protected]</th>
</tr>
</table>