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 <thead> tag viene utilizzato per raggruppare i contenuti di intestazione in una tabella HTML.
Il <thead> elemento viene utilizzato in combinazione con le <tbody> e <tfoot> elementi per specificare ogni parte di una tabella (intestazione, corpo, piè di pagina).
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 <thead> tag deve essere utilizzato nel seguente contesto: Come un bambino di un <table> elemento, dopo ogni <caption>, e <colgroup> elementi, e prima di ogni <tbody>, <tfoot> , e <tr> elementi.
Supporto per il browser
| Elemento | |||||
|---|---|---|---|---|---|
| <thead> | sì | sì | sì | sì | sì |
Suggerimenti e Note
Nota: Il <thead> 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 <thead> elemento |
| char | character | Non supportato in HTML5. Allinea il contenuto all'interno del <thead> elemento di un personaggio |
| charoff | number | Non supportato in HTML5. Imposta il numero di caratteri contenuti all'interno del <thead> 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 <thead> elemento |
attributi globali
Il <thead> tag supporta anche l' Attributi globali in HTML .
Attributi eventi
Il <thead> tag supporta anche l' evento Attributi in HTML .
Impostazioni predefinite CSS
La maggior parte dei browser visualizzerà il <thead> elemento con i seguenti valori di default:
thead {
display: table-header-group;
vertical-align: middle;
border-color: inherit;
}