Cahya DSN
pada jaman dahulu...
pada saat pangeran 'div' belum lahir.....
tersebutlah raja 'table' dalam hal penformatan/layout untuk tampilan halaman web ...
seiring waktu setelah 4 generasi... lahirlah HTML4 dengan DHTML-nya (Dynamic HTML, termasuk munculnya ksatria 'CSS' dan pasukan 'javascript' yang semakin kompak), di saat bersamaan pangeran 'DIV' lahir membawa perubahan...
mulailah era pemformatan/layout halaman HTML dengan menggunakan 'div','span' dan bantuan CSS, dsb, dst, dll....
... udahan deh ceritanya...
kenapa 'div' lebih cepat dari 'table' ?
untuk pemformatan halaman web dengan tag "" maka rendering halaman ditampilkan setelah seluruh elemen konten dari
ter-load (... jadi kalo jaman dulu... karena banyaknya pake table untuk layout... maka.. sering ada 'kejutan' ... ditunggu2 gak muncul2 ... halaman-nya blank tanpa kabar dan pesan ... hilang entah dimana rimbanya ....^_^V ...eh tiba2 muncul berbarengan serentak seluruhnya semua2nya kuabeh!...hihihi). Nah kalo div ndak gitu, pada hirarki div terdalam bisa ditampilkan terlebih dulu, jadi ditampilkannya ndak harus nunggu rendernya dilakukan semuanya bila udah ke load semuanya... apalagi kalo pake file css terpisah... halaman tetep bisa ditampilkan meskipun css-nya ketinggalan ...(dan tentunya tampilannya rada acak2an gitu deh... kayak orang baru tidur dibangunin tiba2 ... acak2an mukanya gitu ^_^
mungkin gitu ye ...
he he he iya dan tidak ... itu tadi cuman cerita/kisah dongeng saya tentang raja 'table' dan pangeran 'div' ...
waktu yang digunakan untuk meload seluruh halaman dengan ukuran yang sama, dimana yg satu memakai table dan yang lain memakai div adalah sama saja (sebetulnya) namun... ada tetapinya... seluruh elemen yang ada didalam tabel akan muncul setelah seluruhnya ter-load, sedangkan jika dengan div tidaklah demikian...
pergunakan sesuai kebutuhan, utk layout bisa pakai div (+css); untuk presentasi data gunakan table .. cmiiw
table juga bisa di hide/show via css :-)
style="display:none|block" ... :-) cmiiw
kalo mo ubah posisi bisa juga tapi emang rada ribet (bisa pake css property 'padding' untuk tag table .....misalnya)
Nur Hidayat
kesimpulannya div lebih cepat di-render oleh browser dibandingkan table.... jadi "kecepatan" di sini bukan kecepatan loading dan transfer data ya... tapi "kecepatan rendering page"
Muhammad Nur Hidayat
^untuk menampilkan data yang berbentuk tabulasi,gunakan tabel
itu kali maksuudnya..
jadi ya gunakan secara bijaksana,sesuai pada peruntukannya
kelebihan div(lagi),dia bisa di set hidden,visible,show secara independent..
contoh,container yang isinya cuma notif(macam notif FB yang di pojok kiri bawah),dia bisa di set hidden/show secara independent dan tata letaknya ga strict kyk tabel..
diskusi lengkap bisa dilihat disini
0 komentar:
Posting Komentar