Tag <thead>

Definizione

Il tag <thead> è usato per definire un gruppo di intestazione all'interno di una tabella.

Il contenuto di una tabella può essere suddiviso in più sezioni, partendo dalle celle di intestazione con <thead>, seguito dal contenuto principale con <tbody> e dal footer con <tfoot>. In presenza di questi tag, i browser moderni possono gestire meglio le informazioni contenute nella tabella e visualizzare un layout di stampa migliore.

Il tag può essere omesso all'interno di una tabella se non si necessita di una struttura più articolata. Per tabelle semplici basta l'utilizzo di <tr>.

<thead>

tag HTML

Definisce un gruppo di intestazione all'interno di una tabella.

Posizione:	<body>
Tag di chiusura:	Sì
Elemento Parent:	<table>
Voci correlate:	<tr> <tbody> <tfoot>

Esempio

<table> <thead> <tr> <th>Data</th> <th>Articolo</th> <th>Importo</th> </tr> </thead> <tbody> <tr> <td>23-05-2021</td> <td>Tavolo</td> <td>€900,00</td> </tr> <tr> <td>21-06-2021</td> <td>Armadio</td> <td>€1200,00</td> </tr> </tbody> <tfoot> <tr> <td>Totale</td> <td>2 pezzi</td> <td>€2100,00</td> </tr> </tfoot> </table>

Attributi

<thead> supporta gli attributi di livello globale.

Compatibilità

Tutti i moderni browser supportano questo elemento.

Approfondimento

<thead> definisce una sezione strutturale della tabella. Questo tag è comunque seguito dal tag <tr> per le righe e <td> o <th> per le celle.

In fase di stampa, <thead> e <tfoot> sono usati per mostrare informazioni ricorsive in tutte le pagine, visualizzando un'intestazione e pié di pagina fissi (rispettivamente in alto e in basso nella pagina).