Tag <tfoot>


Definizione

Il tag <tfoot> definisce il footer o sezione inferiore di una tabella.

Il contenuto di una tabella può essere suddiviso in più sezioni, partendo dalle celle di intestazione con <thead>, seguito dal corpo/contenuto con <tbody> e dal footer o pié di pagina 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>.

 

<tfoot>

tag HTML

Definisce il footer o sezione inferiore di una tabella.


Posizione: <body>
Tag di chiusura:
Elemento Parent:
Voci correlate:

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

<tfoot> 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).