tabel html: thead vs th

Sepertinya (menurut contoh pada halaman ini , lagipula) bahwa jika Anda menggunakan THEAD, Anda tidak perlu menggunakan TH.

Benarkah itu? Jika demikian, apa kelebihan / kekurangan dari THEAD vs TH?

The <thead>tag digunakan untuk kelompok isi header dalam sebuah tabel HTML. The theadelemen harus digunakan dalam hubungannya dengan tbodydan tfootunsur-unsur.

Lebih lanjut: thead

Anda menggunakan <thead>untuk merangkum seluruh baris (atau baris) untuk menunjuk mereka sebagai Header Tabel. Menurut spec,

"Divisi ini memungkinkan agen pengguna untuk mendukung pengguliran badan tabel secara independen dari kepala dan kaki meja. Ketika tabel panjang dicetak, informasi kepala dan kaki meja dapat diulang pada setiap halaman yang berisi data tabel."

<th>, di sisi lain, digunakan untuk menata sel tertentu sebagai sel header daripada sel data biasa.

<th>sebenarnya adalah pengganti <td>ketika Anda ingin menandai sel sebagai sel header.

Jika Anda ingin menggunakan <thead>dan <th>jangan lupa untuk bersarang <th>di dalamnya <tr>. Kalau tidak, kodenya mungkin tidak valid.
Contoh:

<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>

thlebih spesifik daripada apa yang mungkin berada di dalam thead. Sebuah thsel adalah untuk menentukan header yang sesuai tdsel. Bahkan Anda bisa menambahkan headersatribut ke tdsel yang menunjuk ke id thsel (untuk pembaca layar). Jadi thberhubungan langsung dengan tds dari kolom itu.

Namun, theaddapat memasukkan informasi apa pun ... umumnya ya itu memang termasuk thsel tetapi juga dapat mencakup apa pun yang Anda anggap pantas sebagai informasi di bagian atas tabel (selain keterangan, karena ini memiliki tag sendiri sebagai baik).

<thead> khusus karena dapat digunakan untuk mengulang baris tajuk di bagian atas halaman dalam versi cetak.

<thead>

Baris tabel dapat dikelompokkan menjadi kepala tabel, kaki meja, dan satu atau beberapa bagian tubuh tabel, menggunakan THEAD, TFOOTdan TBODYelemen, masing-masing. Divisi ini memungkinkan agen pengguna untuk mendukung pengguliran badan tabel secara independen dari kepala dan kaki meja. Ketika tabel panjang dicetak, informasi kepala dan kaki meja dapat diulang pada setiap halaman yang berisi data tabel.

Kepala meja dan kaki meja harus berisi informasi tentang kolom tabel. Badan tabel harus berisi baris data tabel.

Saat hadir, setiap THEAD, TFOOT, dan TBODY berisi grup baris. Setiap grup baris harus mengandung setidaknya satu baris, ditentukan oleh elemen TR.

<th>

Sel tabel dapat berisi dua jenis informasi: informasi header dan data. Perbedaan ini memungkinkan agen pengguna untuk membuat header dan data sel secara jelas, bahkan tanpa adanya style sheet. Misalnya, agen pengguna visual dapat menyajikan teks sel tajuk dengan font tebal. Sintesis suara dapat membuat informasi header dengan infleksi suara yang berbeda.

Elemen TH mendefinisikan sel yang berisi informasi header. Agen pengguna memiliki dua informasi header yang tersedia: konten elemen TH dan nilai atribut abbr. Agen pengguna harus merender konten sel atau nilai atribut abbr. Untuk media visual, yang terakhir mungkin sesuai ketika ada ruang yang tidak cukup untuk membuat konten penuh sel. Untuk media non-visual abbr dapat digunakan sebagai singkatan untuk header tabel saat ini diberikan bersama dengan konten sel yang mereka terapkan.

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

Sejauh yang saya tahu dari pengalaman, tidak ada perbedaan dalam rendering kecuali Anda menggunakan CSS untuk menentukan perbedaan dalam rendering. Sebuah <td>bagian dalam <thead>akan membuat yang sama sebagai <th>bagian dalam <table>atau <tbody>.

Tidak ada aturan keras di sini. The <thead>unsur adalah hanya cara lain untuk kelompok kolom dan baris, seperti <tbody>dan <tfoot>adalah. Jadi, Anda memiliki lebih banyak kemungkinan untuk scripting dan pemformatan.