Penggunaan Tabel dalam XHTML Berbasis Standar

Data tabular hanyalah data yang terkandung dalam sebuah tabel. Di HTML, itu adalah konten yang hidup di sel tabel—yaitu, apa yang ada di antara.

atau.

tag. Isi tabel dapat berupa angka, teks,

, dan kombinasi dari ini; dan tabel lain bahkan dapat disarangkan di dalam sel tabel.

Penggunaan terbaik dari tabel, bagaimanapun, adalah untuk menampilkan data.

Menurut W3C:

"Model tabel HTML memungkinkan penulis untuk mengatur data – teks, teks yang telah diformat sebelumnya, gambar, tautan, formulir, bidang formulir, tabel lain, dll.—ke dalam baris dan kolom sel." Sumber: Pengenalan tabel dari spesifikasi HTML 4.

Kata kunci dalam definisi itu adalah data. Di awal sejarah desain web, tabel diadaptasi sebagai alat untuk membantu tata letak dan mengontrol bagaimana dan di mana konten halaman web akan muncul. Hal ini terkadang dapat mengakibatkan tampilan yang buruk di browser yang berbeda, tergantung pada cara browser menangani tabel, jadi ini tidak selalu merupakan metode yang elegan dalam desain.

instagram viewer

Namun, karena desain web telah maju dan dengan munculnya lembar gaya berjenjang (CSS), kebutuhan untuk menggunakan tabel untuk mengelola elemen desain halaman secara kasar telah hilang. 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 di a spreadsheet, maka konten itu hampir pasti akan cocok untuk presentasi dalam tabel di halaman web.

Jika Anda akan memiliki bidang tajuk 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.

Kapan Tidak Menggunakan Tabel untuk Menampilkan Konten

Hindari penggunaan tabel dalam situasi di mana tujuannya bukan untuk sekadar menyampaikan konten data itu sendiri.

Jangan gunakan tabel jika:

  • Tujuan utama tabel adalah untuk memposisikan konten pada halaman. Misalnya, untuk menambahkan spasi di sekitar gambar, menempatkan ikon poin pada daftar, atau memaksa blok teks untuk bertindak seperti kutipan tarik.
  • Anda ingin menggunakan warna latar belakang atau gambar hanya untuk menambah halaman daripada memanggil data. Misalnya, menyorot setiap baris tabel lainnya boleh saja, tetapi hanya mengubah sel kanan atas karena itu membuatnya cocok dengan latar belakang halaman tidak.
  • Anda memotong gambar dan kemudian menempatkan potongan gambar kembali bersama-sama pada halaman menggunakan tabel. Ini sangat umum beberapa tahun yang lalu tetapi tidak lagi dianggap benar.

Jangan Takut Meja

Sangat mungkin untuk membuat halaman web yang menggunakan tabel yang terlihat sangat kreatif untuk data tabular. Tabel adalah bagian penting dari spesifikasi XHTML, dan belajar menampilkan data tabular dengan baik adalah bagian penting dalam membuat halaman web.