Etichetta HTML <caption>

Definizione e uso

<caption> Il tag definisce l'intestazione della tabella.

Il tag caption deve seguire il tag table. Puoi definire un titolo per ogni tabella.

Suggerimento:Di default, il titolo della tabella sarà allineato al centro sopra la tabella. Ma le proprietà CSS text-align e caption-side possono essere utilizzate per allineare e posizionare il titolo.

Vedi anche:

Manuale di riferimento HTML DOM:Oggetto Caption

Esempio

Esempio 1

Tabella con intestazione:

<table>
  <caption>Deposito mensile</caption>
  <tr>
    <th>Mese</th>
    <th>Deposito</th>
  </tr>
  <tr>
    <td>Gennero</td>
    <td>￥3000</td>
  </tr>
</table>

Prova tu stesso

Esempio 2

Titolo della tabella di posizionamento (utilizzo CSS):

<table>
  <caption style="text-align:right">Il mio deposito</caption>
  <tr>
    <th>Mese</th>
    <th>Deposito</th>
  </tr>
  <tr>
    <td>Gennero</td>
    <td>￥3000</td>
  </tr>
</table>
<br>
<table>
  <caption style="caption-side:bottom">I miei depositi</caption>
  <tr>
    <th>Mese</th>
    <th>Deposito</th>
  </tr>
  <tr>
    <td>Gennero</td>
    <td>￥3000</td>
  </tr>
</table>

Prova tu stesso

Attributi globali

<caption> Il tag supporta anche Attributi globali dell'HTML.

Attributi di evento

<caption> Il tag supporta anche Attributi di evento nell'HTML.

Impostazioni CSS predefinite

La maggior parte dei browser utilizzerà i seguenti valori predefiniti per la visualizzazione <caption> Elemento:

caption {
  display: table-caption;
  text-align: center;
}

Prova tu stesso

Supporto dei browser

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Supporto Supporto Supporto Supporto Supporto