Esempio
Una tabella HTML con un <thead>, <tfoot> , e <tbody> elemento:
<table>
<thead>
<tr>
<th>Month</th>
<th>Savings</th>
</tr>
</thead>
<tfoot>
<tr>
<td>Sum</td>
<td>$180</td>
</tr>
</tfoot>
<tbody>
<tr>
<td>January</td>
<td>$100</td>
</tr>
<tr>
<td>February</td>
<td>$80</td>
</tr>
</tbody>
</table>
Prova tu stesso " Definizione e utilizzo
Il <tfoot> tag viene utilizzato per raggruppare il contenuto piè di pagina in una tabella HTML.
Il <tfoot> elemento viene utilizzato in combinazione con le <thead> e <tbody> elementi per specificare ogni parte di una tabella (piè di pagina, intestazione, corpo).
I browser possono utilizzare questi elementi per consentire lo scorrimento del corpo della tabella indipendentemente l'intestazione e piè di pagina. Inoltre, quando si stampa un grande tavolo che si estende su più pagine, questi elementi possono consentire l'intestazione della tabella e il piè da stampare nella parte superiore e inferiore di ogni pagina.
Il <tfoot> tag deve essere utilizzato nel seguente contesto: Come un bambino di un <table> elemento, dopo ogni <caption>, <colgroup> , e <thead> elementi e prima di qualsiasi <tbody> e <tr> elementi.
Supporto per il browser
| Elemento | |||||
|---|---|---|---|---|---|
| <tfoot> | sì | sì | sì | sì | sì |
Suggerimenti e Note
Nota: Il <tfoot> elemento deve avere uno o più <tr> tag all'interno.
Suggerimento: il <thead>, <tbody> , e <tfoot> elementi non influenzerà il layout del tavolo per impostazione predefinita.Tuttavia, è possibile utilizzare i CSS per lo stile di questi elementi.
Differenze tra HTML 4.01 e HTML5
Nessuno degli attributi HTML 4.01 sono supportati in HTML5.
attributi
| Attributo | Valore | Descrizione |
|---|---|---|
| align | right left center justify char | Non supportato in HTML5. Allinea il contenuto all'interno del <tfoot> elemento |
| char | character | Non supportato in HTML5. Allinea il contenuto all'interno del <tfoot> elemento di un personaggio |
| charoff | number | Non supportato in HTML5. Imposta il numero di caratteri contenuti all'interno del <tfoot> elemento sarà allineato dal carattere specificato dal char dell'attributo |
| valign | top middle bottom baseline | Non supportato in HTML5. Vertical allinea il contenuto all'interno del <tfoot> elemento |
attributi globali
Il <tfoot> tag supporta anche l' Attributi globali in HTML .
Attributi eventi
Il <tfoot> tag supporta anche l' evento Attributi in HTML .
Impostazioni predefinite CSS
La maggior parte dei browser visualizzerà il <tfoot> elemento con i seguenti valori di default:
tfoot {
display: table-footer-group;
vertical-align: middle;
border-color: inherit;
}