Nikmatnya perpisahan

Terakhir, menggunakan CSS untuk presentasi memungkinkan Anda meninggalkan, atau setidaknya mengurangi secara serius, penggunaan HTML

struktur untuk tata letak halaman. Pada hari-hari sebelum CSS – dan untuk waktu yang sangat lama setelah CSS didukung dengan baik di semua browser modern – tabel digunakan untuk menata halaman, namun semua kecuali tata letak yang paling sederhana menghasilkan banyak baris, sel, dan lusinan tag. Dengan berpindah ke CSS, jumlah bandwidth yang dibutuhkan untuk mendeskripsikan tampilan halaman berkurang drastis. Namun tabel masih mempunyai tempat yang tepat, untuk menyajikan angka atau data tabular alami lainnya, dan terkadang merupakan pilihan pragmatis untuk kebutuhan tata letak tertentu.

Memisahkan presentasi dari konten juga memberikan keuntungan yang signifikan saat Anda mendesain ulang situs. Dengan asumsi bahwa kontennya tetap sama, Anda dapat mengubah keseluruhan situs hanya dengan mengubah stylesheetnya tanpa memerlukan pengeditan HTML sama sekali. Tentu saja, hal ini tidak pernah sesederhana itu, namun penggunaan CSS menghasilkan penghematan waktu yang sangat besar dalam jangka panjang. Mendesain ulang situs berbasis tabel berarti membuang seluruh situs lama, sedangkan dengan CSS, situs lama menjadi dasar situs baru.

Manfaat lain dari hanya memiliki tag struktural dalam HTML Anda adalah membuat halaman Anda berfungsi dengan baik di berbagai perangkat, baik perangkat tersebut mendukung CSS atau tidak. Jika Anda menargetkan perangkat tertentu yang mendukung CSS namun memiliki persyaratan khusus, seperti Windows Mobile ponsel cerdas, lalu dengan menulis file CSS khusus Anda dapat mengubah tata letak seluruh situs agar terlihat bagus perangkat. Orang dengan gangguan penglihatan juga dapat mengakses situs bergaya CSS dengan lebih sedikit rasa frustrasi dibandingkan situs berbasis tabel. Bonus selanjutnya adalah laba-laba Google menyukai situs yang membatasi HTML hanya untuk tujuan struktural, dan itu adalah bonus yang sangat besar.

Mengingat semua hal di atas, Anda mungkin mengira bahwa situs berbasis tabel kuno akan sangat sulit ditemukan saat ini – kecuali Anda membeli buku di www.amazon.co.uk itu adalah. Anda mungkin telah memperhatikan bahwa Amazon meluncurkan desain yang diperbarui tahun ini, dan mengingat besarnya anggaran pengembangan dan jumlah pengembang yang tersedia tampaknya seperti sertifikat mati yang akan memberi kita model berbasis CSS desain. Sayangnya, beranda Amazon yang baru adalah contoh dari semua hal buruk dalam tata letak berbasis tabel. Visi keterbelakangan ini berisi tidak kurang dari 150 sel tabel untuk satu halaman, penuh dengan gaya sebaris dan JavaScript yang berbelit-belit, dan berbobot 220KB yang luar biasa tanpa apa pun grafis.

Sebaiknya Amazon memiliki jaringan server yang besar karena bayangkan saja bandwidth yang harus dikonsumsi oleh kunjungan ke berandanya. Tentu saja jika Anda memiliki koneksi broadband yang cepat, Anda mungkin tidak akan terlalu kecewa dengan waktu yang diperlukan untuk mengunduh, dan mungkin tidak terlalu peduli untuk mempermudah saingan Google. Namun, Anda mungkin berpikir berbeda jika Anda menggunakan pembaca layar atau alat bantu lainnya. Salah satu cara untuk mendapatkan gambaran tentang bagaimana alat bantu akan menangani situs web adalah dengan mematikan semua gaya CSS, dan cara termudah untuk melakukannya adalah dengan menggunakan toolbar Pengembang Web untuk Firefox (https://addons.mozilla.org/en-US/firefox/addon/60) dan menekan . Hal ini layak dilakukan hanya untuk melihat tampilan Amazon melalui salah satu perangkat ini, namun semua pengembang web harus membiasakan diri memeriksa situs mereka dengan cara ini sebelum meluncurkannya.