Di masa lalu, banyak desainer web suka mengimplementasikan rendering web mereka ke halaman web dengan tata letak meja, tetapi ini akan mengalami masalah yang lebih merepotkan, yaitu akan sangat sulit untuk debug dan dipertahankan pada tahap selanjutnya. 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. Ini 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, silakan terus lihat bagaimana menggunakan tag HTML DL, DT, dan DD untuk membuat pekerjaan Anda lebih mudah ...
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.
| 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 | <able> <tbody> <tr> <td class = title> Nama: </td> <td class = text> squall li </td> </tr> <tr> <td class = title> usia: </td> <td class = text> 23 </td> </tr> <tr> <td class = title> jenis kelamin: </td> <td class = teks> pria </td> </tr> <tr> <td class = title> hari lahir: </td> <td class = teks> 26 Mei 1986 </td> </tr> </tbody> </boable>
|