Berdasarkan beberapa praktik terbaru saya dan setelah berkomunikasi dengan beberapa pembaca tentang penggunaan formulir HTML, saya memutuskan untuk menulis artikel ini. Secara keseluruhan, saya perhatikan bahwa mereka memiliki rasa jijik yang terbentuk sebelumnya dengan penggunaan tabel karena informasi yang menyesatkan. Bahkan, banyak orang akan mengatakan bahwa saya melihat pernyataan bahwa saya tidak boleh menggunakan formulir, tetapi ini benar -benar salah! Saran ini hanya untuk menggunakan tabel HTML untuk menentukan tata letak halaman web, tetapi tabelnya sempurna untuk pengaturan baris dan kolom informasi data yang nyaman, dan jika Anda harus menampilkan data kolom tabel pada halaman, Anda harus menggunakannya! mengapa tidak? Namun, dalam hal ini beberapa orang mengabaikan keberadaan tag HTML tertentu yang digunakan untuk tabel dan tidak tahu bagaimana menggunakannya dengan benar.
HTML memiliki 10 tag terkait tabel. Berikut adalah daftar dengan pengantar, tetapi pertama -tama, dokumen harus didefinisikan dengan benar di bawah ini HTML 4.01/XHTML 1 atau HTML 5:
Struktur tabel dasar adalah sebagai berikut:
Ini berisi judul, kepala, tubuh, dan bawah. Urutan elemen HTML yang benar adalah:
Anda juga dapat menggunakan <col> dan <colgroup> untuk mendefinisikan kolom tabel atau kolom grup:
Berikut adalah contoh yang benar dari struktur tabel:
<table border=1><caption>table caption here</caption><colgroup span=1 style=background:#dedede;/><colgroup span=2 style=background:#efefef;/><!-- table header--><thead><tr><th>head 1</th><th>head 2</th><th>head 3</th></tr></thead><!-- table footer-> <tfoot> <tr> <td> kaki 1 </td> <td> kaki 2 </td> <td> kaki 3 </td> </tfoot> <!-Table Body-> <tbody> <tr> <td> a </td> <td> b </td> <td> c </td> </tr> <tr> <td> d </td> <td> E </td> <td> f </td> </tr> </tbody> </lech>
Hasil di browser ditunjukkan pada gambar di bawah ini:
Untuk mewujudkan model pengembangan kinerja dan pemisahan struktur yang dianjurkan sekarang, pengamatan front-end merekomendasikan bahwa semua hal yang terkait dengan lapisan presentasi di halaman dikendalikan oleh CSS, dan tidak menggunakan atribut yang disediakan oleh HTML untuk mengontrol kinerja halaman, dan tabel adalah yang paling mudah diabaikan.
Untuk detail lebih lanjut tentang tabel, silakan periksa dokumentasi W3C: W3 Pengantar Tabel
Akhirnya, saya akan meninggalkan pertanyaan yang sangat sederhana untuk Anda. Atribut CSS mana yang setara dengan atribut tabel selpadding?