Sekarang, semakin banyak pengembang front-end mulai menggunakan XHTML+CSS untuk mengganti tata letak tabel asli untuk melengkapi tata letak keseluruhan halaman web, yang tidak hanya mengurangi biaya pengembangan dan pemeliharaan situs web, tetapi juga membuat kode lebih semantik. Namun, itu tidak berarti bahwa tabel telah menghilang dari sekarang. Masih digunakan oleh banyak orang sebagai kebutuhan untuk representasi data pada halaman web, seperti daftar data informasi pribadi, dll. Bahkan, menggunakan tag HTML DL, DT, dan DD akan menghemat lebih banyak kode dan membuat kode lebih konsisten dengan semantik konten. Tentu saja, tabel juga menggunakannya, yaitu tabel data dengan sejumlah besar data, tetapi daftar dan formulir data kecil dapat sepenuhnya dihindari!
Jika Anda masih menggunakan tabel tradisional untuk membuat daftar data, maka silakan terus melihat bagaimana menggunakan tag HTML DL, DT, dan DD membuat pekerjaan Anda lebih mudah ...
Daftar Data Tabel
Kode daftar data tabel tradisional ditunjukkan di bawah ini. Kita perlu menambahkan tag TR ke setiap baris, dan kemudian menambahkan tag TD ke judul dan data. Karena tag adalah TD, jika Anda ingin menambahkan gaya, Anda perlu menambahkan atribut kelas untuk setiap TD.
Salin kode