Exemplu
Un tabel HTML cu un <thead>, <tfoot> , și <tbody> Element:
<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>
Încearcă - l singur » Definiție și utilizare
<thead> tag - ul este folosit pentru conținutul antet de grup într - un tabel HTML.
<thead> Elementul este utilizat în conjuncție cu <tbody> și <tfoot> elemente pentru a specifica fiecare parte a unui tabel (header, body, footer) .
Browserele pot folosi aceste elemente pentru a permite derularea a corpului de masă independent de antet și subsol. De asemenea, atunci când se imprimă o masă mare, care se întinde pe mai multe pagini, aceste elemente pot activa antetul de masă și subsol care urmează să fie imprimat în partea de sus și de jos a fiecărei pagini.
<thead> tag - ul trebuie să fie utilizat în următorul context: Ca un copil al unui <table> Element, după orice <caption> și <colgroup> elemente, și înainte de orice <tbody>, <tfoot> și <tr> elemente.
Suport pentru browser-
| Element | |||||
|---|---|---|---|---|---|
| <thead> | da | da | da | da | da |
Sfaturi și note
Note: <thead> Elementul trebuie să aibă una sau mai multe <tr> etichete în interior.
Tip: <thead>, <tbody> și <tfoot> elemente nu vor afecta structura tabelului implicit. Cu toate acestea, puteți utiliza CSS pentru stilul acestor elemente.
Diferențe între HTML 4.01 și HTML5
Nici unul dintre atributele HTML 4.01 sunt acceptate în HTML5.
atribute
| Atribut | Valoare | Descriere |
|---|---|---|
| align | right left center justify char | Nu sunt acceptate în HTML5. Aliniază conținutul în interiorul <thead> elementul |
| char | character | Nu sunt acceptate în HTML5. Aliniază conținutul din interiorul <thead> elementul la un caracter |
| charoff | number | Nu sunt acceptate în HTML5. Setează numărul de caractere conținutul din interiorul <thead> elementul va fi aliniat la caracterul specificat de char atribut |
| valign | top middle bottom baseline | Nu sunt acceptate în HTML5. Verticală aliniază conținutul în interiorul <thead> elementul |
Atribute globale
<thead> tag - ul sprijină , de asemenea, Atributele Global in HTML .
Atribute Eveniment
<thead> tag - ul sprijină , de asemenea, Atribute eveniment în HTML .
Setări implicit CSS
Cele mai multe browsere vor afișa <thead> elementul cu următoarele valori implicite:
thead {
display: table-header-group;
vertical-align: middle;
border-color: inherit;
}