<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>