Kolom 1
| Kolom 2
| Kolom 3
Nested Tables Cause Pages to Download More Slowly Satu tabel di halaman Web tidak akan menyebabkan halaman diunduh lebih lambat (sesuai alasan). Tetapi begitu Anda meletakkan satu tabel di dalam tabel lain, itu menjadi lebih rumit untuk browser untuk membuat, sehingga halaman memuat lebih lambat. Dan semakin banyak tabel Anda bersarang di dalam satu sama lain, semakin lambat halaman akan memuat.
Ketika Anda membuat halaman dengan tabel, perlu diingat bahwa semakin banyak tabel yang berada di dalam tabel, semakin lambat halaman akan dimuat. Biasanya, ketika halaman dimuat, browser mulai di bagian atas HTML dan memuatnya secara berurutan di bawah halaman. Namun, dengan tabel bersarang, harus menemukan ujung meja sebelum dapat menampilkan seluruh hal.
Tabel untuk Tata Letak Anda seharusnya tidak menggunakan tabel untuk tata letak di halaman Web Anda. Mereka hampir selalu mengharuskan Anda menggunakan nested tables, sehingga halaman web layout-tabel akan memuat lebih lambat daripada desain yang sama yang diberikan dalam CSS.
Juga, jika Anda mencoba untuk menulis XHTML yang valid, tabel tidak boleh digunakan untuk tata letak sama sekali. Tabel adalah untuk data tabular (seperti spreadsheet), bukan untuk tata letak. Sebaliknya, Anda harus menggunakan CSS untuk tata letak - desain CSS render lebih cepat dan membantu Anda mempertahankan XHTML yang valid.
Merancang Tabel Loading Lebih Cepat Jika Anda mendesain tabel dengan beberapa baris, seringkali dapat memuat lebih cepat jika Anda menulis setiap baris sebagai tabel terpisah. Misalnya, Anda dapat menulis tabel seperti ini:
baris atas
|
kolom kiri
| kolom kanan
Tetapi jika Anda menulis tabel yang sama dengan dua tabel, itu akan tampak memuat lebih cepat, karena peramban akan merender yang pertama dan kemudian membuat yang kedua, daripada merender seluruh tabel sekaligus. Caranya adalah dengan memastikan bahwa setiap tabel memiliki lebar dan gaya yang sama (seperti padding, margin, dan border).
baris atas
kolom kiri
| kolom kanan
Mengubah Tabel Bersarang menjadi Satu Tabel Anda mungkin merasa bahwa semua ini adalah informasi yang baik, tetapi Anda memiliki tabel yang harus memiliki tabel lain yang bersarang di dalamnya. Meskipun ini mungkin benar, sering kali Anda dapat mengonversi nested tables menjadi tabel tunggal yang sedikit lebih rumit dengan menggunakan atribut dan pada sel tabel Anda. Misalnya, pada tabel bersarang di bagian atas, saya dapat mengonversinya menjadi satu tabel hanya dengan atribut colspan :
Kolom 1
| colspan = "2" > Kolom 2
| Kolom 3
|
Kolom 1
| nested table column 1
| nested table column 2
| Kolom 3
|
Kolom 1
| colspan = "2" > Kolom 2
| Kolom 3
Tabel ini juga memiliki manfaat menggunakan lebih sedikit karakter daripada tabel bersarang, sehingga akan mengunduh lebih cepat karena itu juga.
| | | | |