Kode yang indah adalah dasar dari situs web yang indah. CSS yang bagus hanya ada di atas HTML yang sama bagusnya. Kode HTML semantik yang bersih membuat situs web lebih kuat. Artikel ini menjelaskan 12 undang-undang untuk mencapai kode desain web yang bersih, yang cocok untuk siapa saja yang terlibat dalam desain web. 1. DOCTYPE yang ketat Jika Anda harus melakukannya, lakukan dengan benar. Baik itu HTML 4.01 atau XHTML 1.0, semuanya menyediakan mode Ketat. Menggunakan mode Ketat dapat memastikan bahwa kode kita tidak menyembunyikan kesalahan apa pun. 2. Deklarasi kumpulan karakter, karakter khusus dikodekan Deklarasi himpunan karakter sebaiknya ditempatkan terlebih dahulu di bagian hea> agar browser mengetahui cara menampilkan seluruh konten di halaman web, termasuk judul. Selain itu, beberapa karakter khusus, seperti &, sebaiknya diganti dengan &, yang merupakan metode paling aman. 3. Penguncian yang tepat Indentasi tidak akan mempengaruhi rendering halaman web, tetapi akan meningkatkan pengalaman membaca kode sumber secara signifikan. Tidak ada aturan khusus untuk indentasi, namun sebaiknya konsisten sepanjang proses. 4. Tempatkan CSS dan JavaScript di file eksternal Menempatkan referensi CSS dan JavaScript di file eksternal tidak hanya mengurangi ukuran satu halaman web, tetapi juga berarti halaman web lain dapat berbagi kode ini. Selain itu, mekanisme cache browser dapat secara efektif mengurangi download berulang dari kode yang sama. 5. Sarang tag dengan benar Seperti yang ditunjukkan di bawah ini, pada baris pertama kode, tag h1> bersarang di tag a>. Meskipun sebagian besar browser akan merendernya dengan benar, ini bukan kebiasaan yang baik. Tag tersebut adalah objek blok, melainkan objek sebaris. Objek sebaris tidak boleh berisi objek blok. 6. Hilangkan div yang tidak perlu Div sering disalahgunakan (terutama dalam mitos DIV+CSS yang kita jalani sekarang - Penerjemah), orang ingin memasukkan semuanya ke dalam div sehingga mereka dapat menetapkan gaya CSS padanya, dan penyalahgunaan ini dapat menyebabkan pengasapan. 7. Gunakan konvensi penamaan yang lebih baik Seperti yang ditunjukkan di bawah ini, kelas CSS Cat diberi nama red italic, yang menyiratkan bahwa Cat menggunakan red italic. Bagaimana jika Anda ingin mengubah Cat menjadi blue bold? 8. Coba gunakan CSS untuk mengontrol tata letak teks Seperti yang ditunjukkan pada gambar di bawah, jangan langsung menggunakan huruf besar. Gunakan CSS untuk mengontrol format kata-kata ini, yang akan lebih fleksibel. 9. Tetapkan kelas/id independen ke badan Menetapkan kelas/id independen ke Tag tubuh dapat dengan mudah menemukan lokasi objek apa pun di halaman, karena semua objek di halaman terletak di badan. 10. Verifikasi Tentu saja, Anda harus memverifikasi kode halaman web Anda bila memungkinkan. Meskipun beberapa kesalahan pengkodean dapat diperbaiki secara otomatis oleh browser, beberapa kesalahan akan berdampak negatif, terutama jika Anda berada dalam mode Ketat. Sekalipun Anda tidak melakukan apa pun, melihat tanda verifikasi W3C berwarna hijau itu setidaknya bisa membuat Anda merasa lebih baik. Tidak perlu kaku untuk lulus verifikasi W3C. Ada lebih banyak pertimbangan dalam desain Web. Hanya berpegang pada hasil verifikasi W3C dapat mempengaruhi beberapa faktor yang lebih penting. Misalnya, IE6 memiliki banyak bug dalam standar W3C 100% Jika Anda mengumumkan bahwa situs web Anda tidak mendukung IE6 melalui verifikasi W3C, setidaknya di China, Anda akan kehilangan lebih dari keuntungan - Penerjemah 11. Tatanan struktural yang wajar Jaga struktur halaman web Anda dalam urutan yang logis. 12. Lakukan yang terbaik Jika Anda mulai menulis dari awal, tentu saja akan lebih mudah untuk mempertahankan prinsip-prinsip di atas. Jika Anda ingin mengubah kode lama, itu akan sangat menyakitkan. Pengkodean yang buruk pada beberapa sistem CMS akan menempatkan Anda dalam rawa, atau Anda website perlu dimodifikasi jika skalanya besar. Banyak sekali barangnya, apapun yang terjadi, yang penting selalu menjaga kebiasaan yang baik.