Tag Tabel HTML TH dan TD

Tabel sudah lama mendapat reputasi buruk bad desain web. Bertahun-tahun yang lalu, tabel HTML digunakan untuk tata letak, yang jelas bukan apa yang dimaksudkan. Saat CSS naik ke penggunaan populer untuk tata letak situs web, gagasan bahwa "mejanya jelek" memegang. Sayangnya, banyak orang salah paham bahwa tabel HTML selalu buruk. Itu tidak terjadi sama sekali. Kenyataannya adalah bahwa tabel HTML buruk ketika digunakan untuk sesuatu selain tujuan sebenarnya, yaitu untuk menampilkan data tabular (spreadsheet, kalender, dll.). Jika Anda sedang membangun situs web dan memiliki halaman dengan data tabular semacam ini, Anda tidak perlu ragu untuk menggunakan tabel HTML di halaman Anda.

apa yang harus dilakukan dan Melakukan?

Itu

 tag, atau tag "data tabel", membuat sel tabel dalam baris tabel dalam tabel HTML. Ini adalah tag HTML yang berisi teks dan gambar apa pun. Pada dasarnya, ini adalah tag pekerja keras dari meja Anda. Tag akan berisi konten tabel HTML.

Itu

 tag, atau "tajuk tabel," mirip dengan  dalam banyak hal. Ini dapat berisi jenis informasi yang sama (walaupun Anda tidak akan memasukkan gambar ke dalam a ), tetapi mendefinisikan sel tertentu sebagai header tabel.

Sebagian besar browser web mengubah bobot font menjadi tebal dan memusatkan konten dalam sel. Tentu saja, Anda dapat menggunakan gaya CSS untuk membuat tajuk tabel tersebut, serta konten tag Anda, terlihat dengan cara apa pun yang Anda inginkan agar terlihat di halaman web yang dirender.

Kapan Harus Anda Gunakan? Daripada ?

Itu

tag harus digunakan saat Anda ingin menetapkan konten dalam sel sebagai header untuk kolom atau baris tersebut. Sel header tabel biasanya ditemukan di bagian atas tabel atau di sepanjang sisi — pada dasarnya, judul di bagian atas kolom atau judul di paling kiri atau awal baris. Header ini digunakan untuk menentukan konten di bawah atau di sampingnya, membuat tabel dan isinya lebih mudah untuk ditinjau dan diproses dengan cepat.

Jangan gunakan untuk menata sel Anda. Karena browser cenderung menampilkan sel header tabel secara berbeda, beberapa desainer web yang malas mungkin mencoba memanfaatkan ini dan menggunakan tag saat mereka ingin konten dicetak tebal dan terpusat. Ini buruk karena beberapa alasan:

1. Anda tidak dapat mengandalkan browser web yang selalu menampilkan konten seperti itu. Browser masa depan mungkin mengubah warna secara default, atau tidak membuat perubahan visual sama sekali untuk  kandungan. Anda tidak boleh hanya mengandalkan gaya browser default dan jangan pernah menggunakan elemen HTML karena "tampilannya" secara default.
2. Ini secara semantik salah. Agen pengguna yang membaca teks dapat menambahkan pemformatan yang dapat didengar seperti "header baris: teks Anda" untuk menunjukkan bahwa itu ada di sel. Selain itu, beberapa aplikasi web mencetak header tabel di bagian atas setiap halaman, yang akan which mengakibatkan masalah jika sel sebenarnya bukan header tetapi digunakan untuk alasan gayast hanya. Intinya — menggunakan tag dengan cara ini dapat menyebabkan masalah aksesibilitas bagi banyak pengguna, terutama mereka yang menggunakan perangkat yang dibantu untuk mengakses konten situs Anda.
3. Kamu harus menggunakan CSS untuk menentukan bagaimana sel terlihat. Pemisahan gaya (CSS) dan struktur (HTML) telah menjadi praktik terbaik dalam desain web selama bertahun-tahun. Sekali lagi, gunakan a karena konten sel tersebut adalah header, bukan karena Anda menyukai cara browser merender konten tersebut secara default.