CSS adalah cara terbaik untuk membina reka bentuk halaman web
Belajar untuk menulis susun atur CSS boleh menjadi rumit, terutama jika anda sudah biasa dengan menggunakan jadual untuk membuat susun atur laman web mewah. Tetapi sementara HTML5 membenarkan jadual untuk susun atur, ia bukan idea yang baik.
Jadual Tidak Boleh Dihubungi
Sama seperti enjin carian, kebanyakan pembaca skrin membaca halaman web mengikut urutan yang dipaparkan dalam HTML. Dan jadual boleh menjadi sangat sukar untuk pembaca skrin untuk mengurai. Ini kerana kandungan dalam susun atur jadual, sementara linear, tidak selalu masuk akal apabila dibaca dari kiri ke kanan dan atas ke bawah. Tambahan pula, dengan jadual bersarang, dan pelbagai rentang di sel-sel jadual dapat membuat halaman sangat sukar untuk dipertimbangkan.
Ini adalah sebab spesifikasi HTML5 mengesyorkan terhadap jadual untuk susun atur dan mengapa HTML 4.01 melarangnya. Laman web yang boleh diakses membolehkan lebih banyak orang menggunakannya dan merupakan tanda pereka profesional.
Dengan CSS, anda boleh menentukan bahagian sebagai milik di sebelah kiri halaman tetapi meletakkannya terakhir dalam HTML. Kemudian pembaca skrin dan enjin carian akan membaca bahagian penting (kandungan) dahulu dan bahagian yang kurang penting (navigasi) yang terakhir.
Jadual-jadual yang rumit
Walaupun anda membuat jadual dengan editor web, halaman web anda masih sangat rumit dan sukar untuk dijaga. Kecuali untuk reka bentuk laman web yang paling mudah, kebanyakan jadual susun atur memerlukan penggunaan banyak dan atribut dan jadual bersarang.
Membina meja mungkin kelihatan mudah semasa anda melakukannya, tetapi anda perlu mengekalkannya. Enam bulan ke bawah garis itu mungkin tidak mudah untuk diingat mengapa anda menyarang jadual atau berapa banyak sel berturut-turut dan sebagainya. Selain itu, jika anda mengekalkan laman web sebagai ahli pasukan, anda perlu menjelaskan kepada setiap orang bagaimana jadual kerja atau mengharapkan mereka mengambil masa tambahan apabila mereka perlu membuat perubahan.
CSS boleh menjadi rumit juga, tetapi ia menjadikan persembahan itu terpisah dari HTML dan menjadikannya lebih mudah untuk mengekalkan dalam jangka panjang. Selain itu, dengan susun atur CSS anda boleh menulis satu fail CSS, dan gaya semua halaman anda untuk melihat cara itu. Dan apabila anda mahu menukar susun atur laman web anda, anda hanya menukar satu fail CSS, dan keseluruhan tapak chnges-tidak lagi melalui setiap halaman satu demi satu untuk mengemas kini jadual untuk mengemas kini susun atur.
Jadual Adakah Tidak Mudah
Walaupun mungkin membuat susunan jadual dengan lebar peratusan, mereka sering lebih perlahan untuk memuat dan secara dramatik boleh mengubah susun atur anda. Tetapi jika anda menggunakan lebar yang ditetapkan untuk jadual anda, anda mempunyai susun atur yang sangat teguh yang tidak akan kelihatan baik pada monitor yang bersaiz berbeza dari anda sendiri.
Mewujudkan susun atur yang fleksibel yang kelihatan baik pada banyak monitor, pelayar, dan resolusi yang agak mudah. Malah, dengan pertanyaan media CSS, anda boleh membuat reka bentuk berasingan untuk skrin saiz yang berbeza.
Jadual Bersarang Muatkan Lebih Perlahan Daripada CSS untuk Reka Bentuk Yang Sama
Cara yang paling biasa untuk membuat susun atur mewah dengan jadual ialah jadual "sarang". Ini bermakna bahawa satu (atau lebih) jadual diletakkan di dalam yang lain. Lebih banyak jadual yang bersarang, semakin lama ia akan diperlukan untuk penyemak imbas web untuk membuat halaman.
Dalam kebanyakan kes, susun atur jadual menggunakan lebih banyak aksara untuk membuat daripada reka bentuk CSS. Dan kurang watak bermakna kurang untuk dimuat turun.
Jadual Dapat Menurunkan Pengoptimuman Enjin Carian
Jadual yang paling biasa membuat susun atur mempunyai bar navigasi di sebelah kiri halaman dan kandungan utama di sebelah kanan. Apabila menggunakan jadual, ini (secara amnya) menghendaki bahawa kandungan pertama yang memaparkan dalam HTML ialah bar navigasi kiri. Enjin carian mengkategorikan halaman berdasarkan kandungan, dan banyak enjin menentukan kandungan yang dipaparkan di bahagian atas halaman adalah lebih penting daripada kandungan lain. Oleh itu, satu halaman dengan navigasi kiri pertama, akan kelihatan mempunyai kandungan yang kurang penting daripada navigasi.
Menggunakan CSS, anda boleh meletakkan kandungan penting terlebih dahulu dalam HTML anda dan kemudian gunakan CSS untuk menentukan di mana ia harus diletakkan dalam reka bentuk. Ini bermakna bahawa enjin carian akan melihat kandungan penting terlebih dahulu, walaupun reka bentuk meletakkannya lebih rendah pada halaman.
Tabir Jangan Sentiasa Cetak Baik
Banyak reka bentuk meja tidak mencetak dengan baik kerana mereka terlalu luas untuk pencetak. Oleh itu, untuk menjadikannya sesuai, pelayar akan memotong jadual dan mencetak bahagian di bawah menyebabkan halaman yang sangat terputus. Kadang-kadang anda berakhir dengan halaman yang kelihatan baik-baik saja, tetapi seluruh bahagian kanannya hilang. Halaman lain akan mencetak bahagian pada pelbagai helaian.
Dengan CSS anda boleh membuat helaian gaya berasingan hanya untuk mencetak halaman.
Jadual untuk Layout Tidak Sah dalam HTML 4.01
Spesifikasi HTML 4 menyatakan: "Jadual tidak boleh digunakan semata-mata sebagai alat untuk kandungan dokumen susunan kerana ini mungkin menimbulkan masalah apabila membuat media tidak visual."
Jadi, jika anda mahu menulis HTML 4.01 yang sah, anda tidak boleh menggunakan jadual untuk susun atur. Anda hanya perlu menggunakan jadual untuk data jadual. Dan data jadual biasanya kelihatan seperti sesuatu yang mungkin dipaparkan dalam hamparan atau mungkin pangkalan data.
Tetapi HTML5 mengubah peraturan dan kini jadual untuk susun atur, sementara tidak disyorkan, kini HTML sah. Spesifikasi HTML5 menyatakan: "Jadual tidak boleh digunakan sebagai bantuan susun atur."
Oleh kerana jadual untuk susun atur sukar bagi pembaca skrin untuk membezakan, seperti yang saya nyatakan di atas.
Menggunakan CSS untuk meletakkan dan susun atur halaman anda adalah satu-satunya cara HTML 4.01 yang sah untuk mendapatkan reka bentuk yang digunakan untuk menggunakan jadual untuk dicipta. Dan HTML5 sangat mengesyorkan kaedah ini juga.
Jadual untuk Layout Bolehkan Impak Prospek Kerja Anda
Sebagai semakin banyak pereka baru belajar HTML dan CSS, kemahiran anda dalam susun atur jadual bangunan akan menjadi kurang dan kurang permintaan. Ya, benar bahawa pelanggan tidak biasanya memberitahu anda teknologi yang tepat yang harus anda gunakan untuk membina laman web mereka. Tetapi mereka meminta anda untuk perkara-perkara seperti:
- Halaman web yang boleh diakses: reka bentuk yang boleh dilihat oleh pembaca skrin sedang diberi mandat oleh banyak negara dan syarikat mencari kebolehcapaian lebih dan lebih penting setiap hari.
- Laman web yang boleh dikendalikan: reka bentuk yang mereka boleh ambil dengan mereka walaupun anda tidak akan mengekalkannya pada masa akan datang.
- Reka bentuk yang fleksibel: reka bentuk yang berfungsi merentasi banyak penyemak imbas, resolusi, dan peranti.
- Cepat memuat turun halaman: kelajuan menjadi lebih dan lebih penting, bahkan untuk SEO.
- Reka bentuk cetakan: halaman yang mencetak tanpa skrip khas atau halaman tambahan.
Jika anda tidak dapat menyampaikan apa yang diminta oleh pelanggan, mereka akan berhenti datang kepada anda untuk reka bentuk, mungkin tidak hari ini, tetapi mungkin tahun depan atau tahun selepas itu. Bolehkah anda benar-benar mampu membiarkan perniagaan anda menderita kerana anda tidak bersedia untuk mula mempelajari teknik yang telah digunakan sejak akhir 1990-an?
Moral: Belajar Menggunakan CSS
CSS mungkin sukar untuk belajar, tetapi apa-apa yang berbaloi adalah usaha yang baik. Jangan simpan kemahiran anda dari stagnasi. Belajar CSS dan membina laman web anda dengan cara yang dimaksudkan untuk dibina dengan CSS untuk susun atur.