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 Ketat
Jika Anda ingin 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 himpunan karakter, karakter khusus dikodekan dan diproses.
Deklarasi himpunan karakter harus ditempatkan di depan bagian hea> sehingga browser mengetahui cara menampilkan semua konten di halaman web, termasuk judul. Selain itu, beberapa karakter khusus, seperti &, sebaiknya diganti dengan &, yang merupakan metode paling aman.
3. Penguncian dan
lekukan yang tepat tidak akan mempengaruhi rendering halaman web, namun akan meningkatkan pengalaman membaca kode sumber secara signifikan. Tidak ada aturan khusus untuk indentasi, namun sebaiknya konsisten sepanjang proses.
4. Letakkan CSS dan JavaScript
di
file eksternal. Menempatkan CSS dan JavaScript di file eksternal sebagai referensi tidak hanya mengurangi ukuran satu halaman web, tetapi juga berarti halaman web lain dapat membagikan kode-kode ini menjadi lebih baik.Minimalkan pengunduhan berulang dari kode yang sama.
5. Susun tag 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 bukanlah kebiasaan yang baik. tetapi 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 hadapi sekarang - Penerjemah). Orang ingin memasukkan semuanya ke dalam div sehingga mereka dapat menetapkan gaya CSS padanya dalam kembung.
7. Gunakan aturan penamaan yang lebih baik.
Seperti yang ditunjukkan di bawah, kelas CSS Cat diberi nama miring merah, yang berarti Cat menggunakan huruf miring merah. Bagaimana jika Anda ingin mengubah Cat menjadi tebal biru?
8. Coba gunakan CSS untuk mengontrol format teks
seperti yang ditunjukkan pada gambar di bawah ini. Jangan gunakan huruf besar secara langsung. Gunakan CSS untuk mengontrol format teks, yang akan lebih fleksibel.
9. Tetapkan kelas/id independen ke badan
. Tetapkan kelas/id independen ke tag body, yang dapat dengan mudah menemukan lokasi objek apa pun di halaman, karena semua objek di halaman terletak di badan.
10. Verifikasi
Tak perlu dikatakan lagi, Anda harus memverifikasi kode halaman web sebanyak mungkin. Meskipun beberapa kesalahan kode dapat diperbaiki secara otomatis oleh browser, beberapa kesalahan akan berdampak buruk, terutama saat 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 % Menyatakan melalui verifikasi W3C bahwa situs web seseorang tidak mendukung IE6, setidaknya di Cina, akan kehilangan lebih dari keuntungan - Penerjemah
11. Tatanan struktur yang masuk akal
Jaga struktur halaman web dalam urutan yang logis.
12. Lakukan yang terbaik yang Anda bisa
Jika Anda menulis dari awal, tentu saja akan lebih mudah untuk mempertahankan prinsip-prinsip di atas. Jika Anda harus mengubah kode lama, itu akan menyakitkan. Pengkodean yang buruk pada beberapa sistem CMS akan menghambat Anda , atau Anda Ada banyak hal yang perlu diubah di situs web besar, apa pun yang terjadi, sangat penting untuk selalu menjaga kebiasaan baik.