Örnek
Bir ile bir HTML tablosu <thead>, <tfoot> ve <tbody> elemanı:
<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>
Kendin dene " Tanımı ve Kullanımı
<thead> etiketi bir HTML tablosunda grup başlığı içeriği için kullanılır.
<thead> elemanı ile bağlantılı olarak kullanıldığında, <tbody> ve <tfoot> tablo her bir bölümünü belirtmek için elemanları (header, body, footer) .
Tarayıcılar bağımsız bir şekilde, başlık ve bitişin Tablo gövdesinin kaydırılması için, bu elemanlar kullanılabilir. birden çok sayfaya yayılan büyük bir masa basarken Ayrıca, bu elementler tablo başlık ve altbilgi her sayfanın altında ve üstünde basılacak etkinleştirebilirsiniz.
<thead> etiketi şu bağlamda kullanılmalıdır: As bir çocuğu <table> elemanı, herhangi bir <altyazı> ve sonra <colgroup> elemanları ve önce herhangi bir <tbody>, <tfoot> ve <tr> elementler.
Tarayıcı Desteği
| Eleman | |||||
|---|---|---|---|---|---|
| <thead> | Evet | Evet | Evet | Evet | Evet |
İpuçları ve Notlar
Note: <thead> eleman bir veya daha fazla olması gerekir <tr> içeride etiketleri.
Tip: <thead>, <tbody> ve <tfoot> elemanlar varsayılan olarak tablonun düzenini etkilemez. Ancak, bu unsurları görünümünün CSS kullanabilirsiniz.
HTML 4.01 ve HTML5 Arasındaki Farklar
HTML 4.01 niteliklerin hiçbiri HTML5 desteklenir.
Nitelikler
| nitelik | değer | Açıklama |
|---|---|---|
| align | right left center justify char | HTML5 desteklenmez. Içindeki içeriği hizalar <thead> elemanı |
| char | character | HTML5 desteklenmez. Içindeki içeriği hizalar <thead> bir karaktere elemanı |
| charoff | number | HTML5 desteklenmez. Içeride içerik karakter sayısı ayarlar <thead> elemanı tarafından belirtilen karakterden hizalanmış olacak char özniteliği |
| valign | top middle bottom baseline | HTML5 desteklenmez. Dikey içindeki içeriği hizalar <thead> elemanı |
Küresel Nitelikler
<thead> etiketi de destekliyor Küresel HTML Özellikleri .
Olay Nitelikler
<thead> etiketi de destekler Olay HTML Özellikleri .
Varsayılan CSS Ayarları
Çoğu tarayıcı gösterecektir <thead> aşağıdaki varsayılan değerlerle eleman:
thead {
display: table-header-group;
vertical-align: middle;
border-color: inherit;
}