Gunakan tabel untuk data, bukan tata letak di XHTML
Data tabular hanyalah data yang terdapat dalam tabel. Dalam HTML , ini adalah konten yang hidup dalam sel tabel — yaitu, apa yang ada di antara tag
Penggunaan terbaik dari meja, bagaimanapun, adalah untuk menampilkan data.
Menurut W3C:
"Model tabel HTML memungkinkan penulis untuk mengatur data - teks, teks yang diformat, gambar, tautan, formulir, bidang formulir, tabel lainnya, dll. —dalam baris dan kolom sel."
Sumber: Pengantar tabel dari spesifikasi HTML 4.
Kata kunci dalam definisi itu adalah data . Pada awal sejarah desain web, tabel diadaptasi sebagai alat untuk membantu mengatur dan mengontrol bagaimana dan di mana konten halaman web akan muncul. Ini terkadang menghasilkan tampilan yang buruk di berbagai browser, tergantung pada bagaimana browser menangani tabel, jadi itu tidak selalu merupakan metode elegan dalam desain.
Namun, karena desain web telah maju dan dengan munculnya cascading style sheets (CSS) , kebutuhan menggunakan tabel untuk mengelola elemen desain halaman dengan kasar jatuh. Model tabel tidak dikembangkan sebagai cara bagi penulis web untuk memanipulasi tata letak halaman web atau mengubah tampilannya dengan sel, batas, atau warna latar belakang .
Kapan Menggunakan Tabel untuk Menampilkan Konten
Jika konten yang ingin Anda tempatkan di halaman adalah informasi yang Anda harapkan untuk dikelola atau dilacak dalam spreadsheet, maka konten tersebut hampir pasti akan memberikan presentasi yang baik dalam tabel di halaman web.
Jika Anda akan memiliki kolom header di bagian atas kolom data atau di sebelah kiri baris data, maka itu adalah tabular, dan tabel harus digunakan.
Jika konten masuk akal dalam database, terutama database yang sangat sederhana, dan Anda hanya ingin menampilkan data dan tidak membuatnya cantik, maka tabel dapat diterima.
Saat Tidak Menggunakan Tabel untuk Menampilkan Konten
Hindari penggunaan tabel dalam situasi di mana tujuannya bukan untuk hanya menyampaikan konten data itu sendiri.
Jangan gunakan tabel jika:
- Tujuan utama dari tabel ini adalah untuk memposisikan isi pada halaman. Misalnya, untuk menambahkan jarak di sekitar gambar, untuk menempatkan ikon-ikon bullet pada daftar, atau untuk memaksa satu blok teks untuk bertindak seperti kutipan tarik.
- Anda ingin menggunakan warna latar belakang atau gambar hanya untuk menambah halaman daripada memanggil data. Sebagai contoh, menyoroti setiap baris lain dari tabel adalah baik-baik saja, tetapi mengubah hanya sel kanan atas karena itu membuat mereka cocok dengan latar belakang halaman tidak.
- Anda memotong gambar dan kemudian menempatkan potongan gambar kembali bersama pada halaman menggunakan tabel. Ini sangat umum beberapa tahun yang lalu tetapi tidak lagi dianggap benar.
Jangan Khawatir Tabel
Sangat mungkin untuk membuat halaman web yang menggunakan tabel yang sangat kreatif untuk data tabular. Tabel adalah bagian penting dari spesifikasi XHTML, dan belajar untuk menampilkan data tabular dengan baik adalah bagian penting dalam membuat halaman web.