Apa Perbedaan Antara TH dan TD Tabel Tag HTML?

Tabel telah lama mendapat rap buruk dalam desain web. Bertahun-tahun yang lalu, tabel HTML digunakan untuk tata letak, yang jelas bukan untuk apa mereka dimaksudkan. Ketika CSS naik ke penggunaan populer untuk tata letak situs web, gagasan bahwa "tabel adalah buruk" mengambil alih. Sayangnya, banyak orang salah memahami ini berarti bahwa tabel HTML semuanya buruk, sepanjang waktu. Bukan itu masalahnya. Kenyataannya adalah bahwa tabel HTML buruk ketika digunakan untuk sesuatu selain dari tujuan sebenarnya, yaitu menampilkan data tabular (spreadsheet, kalender, dll.). Jika Anda membuat situs web dan memiliki laman dengan jenis data tabular ini, Anda tidak perlu ragu untuk menggunakan tabel HTML di halaman Anda.

Jika Anda mulai membuat situs di tahun-tahun sejak tabel HTML untuk tata letak menjadi tidak disukai, Anda mungkin sebenarnya tidak akrab dengan elemen yang membentuk tabel HTML. Satu pertanyaan yang banyak dimiliki ketika mereka mulai melihat markup tabel adalah:

"Apa perbedaan antara dan tabel tag HTML?"

Apa Tag itu?

Tag , atau "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 label lokomotif meja Anda. Tag akan berisi konten dari tabel HTML.

Apa itu Tag

Tag , atau "header tabel", mirip dengan dalam banyak cara. Ini dapat berisi informasi yang sama (meskipun Anda tidak akan menempatkan gambar dalam ), tetapi ia 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 header tabel tersebut, serta konten dari tag Anda, lihat cara apa pun yang Anda ingin mereka lihat pada halaman web yang diberikan.

Kapan Anda Harus Menggunakan & lt; th & gt; Daripada & lt; td & gt ;?

Tag harus digunakan ketika Anda ingin menetapkan konten dalam sel sebagai header untuk kolom atau baris itu. Sel header tabel biasanya ditemukan di bagian atas tabel atau di sepanjang sisi - pada dasarnya, judul di bagian atas kolom atau judul di bagian 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 mengatur style sel Anda. Karena peramban cenderung menampilkan sel tajuk tabel secara berbeda, beberapa perancang web yang malas mungkin mencoba mengambil keuntungan dari ini dan menggunakan tag ketika mereka ingin konten menjadi tebal dan terpusat. Ini buruk karena beberapa alasan:

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