html tabloları: thead vs th

Görünüşe göre ( bu sayfadaki örneklere göre ), eğer THEAD kullanıyorsanız TH'yi kullanmanız gerekmiyor gibi görünüyor .

Bu doğru mu? Eğer öyleyse, THEAD vs TH'nin avantajları / dezavantajları nelerdir?

<thead>Etiket grubuna bir HTML tablosunda başlığı içeriği kullanılır. theadElemanı ile birlikte kullanılmalıdır tbodyve tfootelemanlar.

Daha fazla: thead

<thead>Tablo Üstbilgisi olarak atamak için tüm satırı (veya satırları) kapsüllemek için kullanırsınız . Spesifikasyonlara göre,

"Bu bölüm, kullanıcı aracılarının tablo gövdelerinin ve ayağından bağımsız olarak tablo gövdelerinin kaydırılmasını desteklemesini sağlar. Uzun tablolar yazdırıldığında, tablo verileri içeren her sayfada tablo başı ve ayak bilgileri tekrarlanabilir."

<th>Öte yandan, belirli bir hücreyi sıradan bir veri hücresi yerine başlık hücresi olarak biçimlendirmek için kullanılır.

<th>aslında <td>bir hücreyi başlık hücresi olarak işaretlemek istediğinizde bunun yerine kullanılır .

Kullanmak istiyorsanız <thead>ve iç <th>içe <th>yerleştirmeyi unutmayın <tr>. Aksi takdirde kod geçerli olmayabilir.
Misal:

<table>
  <thead>
    <tr>
      <th>Season</th>
      <th>Goals</th>
      <th>Assists</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <th>2009-2010</th>
      <td>25</td>
      <td>43</td>
    </tr>
    <tr>
      <th>2011-2012</th>
      <td>40</td>
      <td>20</td>
    </tr>
  </tbody>
</table>

thiçinde ne olduğundan daha belirgindir thead. Bir thhücre karşılık gelen başlık belirtmektir tdhücreleri. Aslında, hücrenin kimliğine işaret eden bir hücreye (ekran okuyucular için) bir headersözellik ekleyebilirsiniz . Yani doğrudan o sütunun s'leri ile ilgilidir.tdththtd

Bununla birlikte, theadherhangi bir bilgi içerebilir ... genellikle evet thhücreleri içerir, ancak tablonun üst kısmındaki bilgi olarak uygun göreceğiniz her şeyi de içerebilir (bir altyazı dışında, çünkü bunun kendi etiketi iyi).

<thead> basılı sürümlerde sayfanın üst kısmındaki başlık satırını tekrarlamak için kullanılabilmesi özeldir.

<thead>

Tablo satır kullanarak, bir tablo kafası, masa ayağı ve bir ya da daha fazla tablo gövde kısımları halinde gruplanabilir THEAD, TFOOTve TBODYsırasıyla elemanları. Bu bölüm, kullanıcı aracılarının tablo gövdelerinden ve ayağından bağımsız olarak tablo gövdelerinin kaydırılmasını desteklemesini sağlar. Uzun tablolar yazdırıldığında, tablo verileri içeren her sayfada masa başı ve ayak bilgileri tekrarlanabilir.

Masa başı ve masa ayağı tablonun sütunları hakkında bilgi içermelidir. Tablo gövdesi, tablo verisi satırlarını içermelidir.

Var olduğunda, her THEAD, TFOOT ve TBODY bir satır grubu içerir. Her satır grubu, TR öğesi tarafından tanımlanan en az bir satır içermelidir.

<th>

Tablo hücreleri iki tür bilgi içerebilir: başlık bilgileri ve veriler. Bu ayrım, kullanıcı aracılarının stil sayfalarının yokluğunda bile üstbilgi ve veri hücrelerini belirgin bir şekilde oluşturmasını sağlar. Örneğin, görsel kullanıcı aracıları başlık hücresi metnini kalın yazı tipiyle gösterebilir. Konuşma sentezleyicileri, başlık bilgilerini farklı bir ses bükümü ile oluşturabilir.

TH öğesi, başlık bilgisi içeren bir hücre tanımlar. Kullanıcı aracıları iki başlık bilgisine sahiptir: TH elemanının içeriği ve abbr özelliğinin değeri. Kullanıcı aracıları hücrenin içeriğini veya abbr özelliğinin değerini oluşturmalıdır. Görsel medya için, ikincisi hücrenin tüm içeriğini oluşturmak için yeterli alan olmadığında uygun olabilir. Görsel olmayan ortam için, kısaltmalar, uygulandıkları hücrelerin içeriği ile birlikte oluşturulduğunda tablo başlıkları için bir kısaltma olarak kullanılabilir.

Kaynak: http://www.w3.org/TR/html4/struct/tables.html

Deneyimden anlayabildiğim kadarıyla, oluşturmada bir fark belirtmek için CSS kullanmıyorsanız oluşturmada hiçbir fark yoktur. Bir <td>iç içe <thead>bir <th>iç içe bir<table> ya da bir <tbody>.

Burada zor kurallar yok. <thead>Eleman, tıpkı gruba sadece başka yolu sütunlar ve satırlar olduğunu <tbody>ve <tfoot>olduğunu. Böylece komut dosyası oluşturma ve biçimlendirme için daha fazla seçeneğiniz vardır.