Apakah Perbezaan antara TH dan TD HTML Table Tags?

Jadual telah lama mendapat rap buruk dalam reka bentuk web. Ramai tahun yang lalu, jadual HTML digunakan untuk susun atur, yang jelas bukannya apa yang dimaksudkan untuk mereka. Sebagai CSS meningkat kepada penggunaan yang popular untuk susun atur laman web, idea bahawa "jadual buruk" berlaku. Malangnya, ramai yang salah faham ini bermaksud bahawa jadual HTML adalah semua yang buruk, sepanjang masa. Itu sama sekali tidak berlaku. Kenyataannya adalah bahawa jadual HTML tidak baik apabila mereka menggunakan sesuatu selain tujuan sebenar mereka, iaitu untuk memaparkan data jadual (spreadsheet, kalendar, dll.). Sekiranya anda sedang membina laman web dan mempunyai halaman dengan data jadual jenis ini, jangan ragu untuk menggunakan jadual HTML pada halaman anda.

Jika anda mula membina laman web sejak bertahun-tahun sejak jadual HTML untuk susun atur jatuh, anda mungkin sebenarnya tidak biasa dengan unsur-unsur yang membentuk jadual HTML. Satu persoalan yang banyak apabila mereka mula melihat markup meja ialah:

"Apakah perbezaan di antara tag jadual HTML dan ?"

Apakah Tag itu?

Tag , atau "data jadual", mewujudkan sel jadual dalam baris jadual dalam jadual HTML. Ini adalah tag HTML yang mengandungi sebarang teks dan imej. Pada asasnya, ini adalah tag kerja di meja anda. Tag akan mengandungi kandungan jadual HTML.

Apakah Tag itu

Tag , atau "header header", sama dengan dalam banyak cara. Ia boleh mengandungi maklumat yang sama (walaupun anda tidak meletakkan imej dalam ), tetapi ia menentukan bahawa sel tertentu sebagai pengepala jadual.

Kebanyakan penyemak imbas web menukar berat font untuk berani dan memusatkan kandungan dalam sel. Sudah tentu, anda boleh menggunakan gaya CSS untuk membuat tajuk jadual itu, serta kandungan tag anda, melihat cara yang anda ingin mereka lihat pada halaman web yang diberikan.

Bila Anda Perlu Gunakan & lt; th & gt; Daripada & lt; td & gt ;?

Teg harus digunakan apabila anda ingin menamakan kandungan dalam sel sebagai tajuk untuk lajur atau baris itu. Sel header header biasanya ditemui di bahagian atas meja atau sepanjang sisi - pada dasarnya, tajuk di bahagian atas lajur atau tajuk ke kiri atau awal baris. Tajuk-tajuk ini digunakan untuk menentukan kandungan di bawah atau di sebelahnya, menjadikan jadual dan kandungannya lebih mudah untuk dikaji semula dan diproses dengan cepat.

Jangan gunakan untuk gaya sel anda. Oleh kerana penyemak imbas cenderung memaparkan sel header meja secara berbeza, sesetengah pereka laman web yang malas boleh cuba memanfaatkan ini dan menggunakan tag apabila mereka mahu kandungan menjadi berani dan berpusat. Ini tidak baik kerana beberapa sebab:

  1. Anda tidak boleh bergantung pada penyemak imbas web akan sentiasa memaparkan kandungan itu. Pelayar masa depan mungkin menukar warna secara lalai, atau tidak membuat perubahan visual sama sekali kepada kandungan. Anda tidak boleh bergantung semata-mata pada gaya pelayar lalai dan tidak boleh menggunakan elemen HTML kerana ia kelihatan "secara lalai"
  2. Semuanya tidak betul. Ejen pengguna yang membaca teks boleh menambah pemformatan boleh didengar seperti "pengepala baris: teks anda" untuk menunjukkan bahawa ia berada dalam sel . Selain itu, sesetengah aplikasi Web mencetak tajuk jadual di bahagian atas setiap halaman, yang akan menghasilkan masalah jika sel bukannya tajuk tetapi sebaliknya digunakan untuk alasan gaya sahaja. Bottom line, menggunakan tag dengan cara ini boleh menyebabkan masalah kebolehaksesan untuk banyak pengguna, terutama yang menggunakan peranti dibantu untuk mengakses kandungan tapak anda.
  3. Anda harus menggunakan CSS untuk menentukan bagaimana sel-sel kelihatan. Pemisahan gaya (CSS) dan struktur (HTML) telah menjadi amalan terbaik dalam reka bentuk web selama bertahun-tahun. Sekali lagi, gunakan kerana kandungan sel itu adalah tajuk, bukan kerana anda menyukai cara penyemak imbas mungkin menyebabkan kandungan tersebut secara lalai.