Satu hal yang telah saya pelajari dalam lebih dari satu dekade mengembangkan situs web adalah bahwa ';Net terus berubah, dan untuk mengikuti Anda perlu mengubahnya dengan itu. Salah satu perkembangan terbaru dalam desain web adalah penggunaan CSS dan markup semantik. CSS dan desain web semantik memiliki beberapa manfaat: kejelasan dalam kode, browser dan kompatibilitas perangkat yang mendukung web lainnya, pemisahan konten dan presentasi, beban yang lebih kecil pada bandwidth, dan visibilitas yang lebih baik ke mesin pencari.
Kembali pada hari itu, kami merancang situs dengan tabel dan meretas tabel itu untuk melakukan hal-hal yang tidak pernah mereka lakukan. Tag tabel dirancang untuk menampilkan data tabular, bukan sebagai cara untuk membuat tata letak situs web. Sayangnya, alternatif yang lebih baik tidak ada, jadi kami menggunakan tabel. Ini dibuat untuk situs pemuatan yang tidak efisien dan lambat dengan kode yang sangat sulit dibaca dan dipelihara. Mendefinisikan markup sematic seperti ini.
Tutorial Pengembangan Web untuk Pemula (# 1) - Cara membuat halaman web dengan HTML, CSS, Javascript
Halaman sematis :menyediakan informasi untuk mesin pencari Web menggunakan crawler web. Ini bisa berupa informasi yang dapat dibaca mesin tentang konten dokumen yang dapat dibaca manusia (seperti pembuat, judul, deskripsi, dll. Dokumen) atau bisa juga metadata murni yang mewakili sekumpulan fakta (seperti sumber daya dan layanan di tempat lain di situs). (Perhatikan bahwa apa pun yang dapat diidentifikasi dengan Uniform Resource Identifier (URI) dapat diuraikan, sehingga web semantik dapat mempertimbangkan orang, tempat, ide, kucing dll.) :
Saat ini, perancang dan pengembang modern menggunakan CSS secara luas untuk membuat situs yang indah dan sepenuhnya memenuhi standar. Layout berbasis CSS memungkinkan kita untuk mengembangkan situs yang akan terdegradasi secara efektif - yaitu bahwa mereka akan dapat dilihat pada semua jenis perangkat seperti PDA, ponsel, TV - dan akan bekerja dengan benar pada perangkat yang bahkan tidak ada namun selama mereka memenuhi standar.
Yang paling penting, mengembangkan situs dengan CSS memungkinkan kita untuk memisahkan konten dan presentasi secara efektif. Pernahkah Anda melihat kode sumber halaman HTML yang dibuat dengan tata letak berbasis tabel dan bertanya-tanya :apa yang terjadi di sini?: Anda melihat banyak pembukaan dan penutupan tabel dan baris tabel yang semuanya dicampur bersama dengan konten tekstual dan grafik. Dengan tata letak berbasis CSS yang bersih, Anda dapat membuat halaman yang mudah dipahami dengan melihat sumbernya, membuatnya lebih mudah untuk dipahami, dipelihara, dan diperbarui. Lihatlah sumber situs perusahaan saya http://www.vp3media.com dan kemudian lihat kode sumber situs ini yang menggunakan tata letak berbasis tabel: http://webservices.org/. Perbedaan besar, ya?
Jika Anda memiliki situs dengan lalu lintas yang tinggi, Anda dapat secara signifikan mengurangi jumlah bandwidth yang digunakan dengan beralih dari situs berbasis tabel ke tata letak berbasis CSS. Jika pengunjung ke situs Anda tidak harus memuat semua kode yang diperlukan untuk membuat tabel dan spacer gif, Anda mengirimkan lebih sedikit data.
CSS juga menawarkan manfaat optimisasi mesin pencari di atas tabel. Jika Anda memiliki situs bisnis berbasis tabel yang mengandalkan lalu lintas Internet untuk menghasilkan keuntungan atau mendapatkan klien baru, Anda akan melihat keuntungan nyata dengan beralih ke CSS. Ketika mesin pencari membuat spider situs Anda berdasarkan tabel, mereka mengambil sejumlah besar konten yang tidak ada hubungannya dengan bisnis Anda. Ketika mesin pencari menghasilkan situs berbasis CSS yang bersih, sebagian besar konten yang diambil adalah konten teks yang menggambarkan bisnis Anda. Rasio konten-ke-kode lebih tinggi dengan tata letak berbasis CSS.
Kita semua telah melihat deskripsi mesin pencari yang tidak masuk akal; itu karena spider mesin pencari menggunakan metode top down untuk mengambil informasi. Apa pun yang paling atas dalam dokumen Anda, mesin pencari akan berpikir adalah bagian terpenting dari dokumen, dan karenanya harus digunakan sebagai deskripsi. Karena kami memisahkan konten dan presentasi dengan CSS, kami dapat meletakkan informasi yang paling penting di bagian atas dokumen tidak peduli di mana itu sebenarnya ditampilkan pada halaman. Coba dengan tabel!
Saya harap artikel ini memberi Anda gambaran mengapa penting untuk beralih dari tata letak berbasis tabel saat ini ke implementasi CSS yang sepenuhnya valid. Jika Anda tidak memiliki situs web, tetapi berencana meluncurkannya dalam waktu dekat, pastikan Anda memberi tahu pengembang Anda bahwa Anda menginginkan implementasi berbasis CSS.