Praktik terbaik untuk menulis elemen HTML 5
Satu pertanyaan yang banyak desainer web baru miliki adalah apakah tag HTML 5 adalah case sensitive? Jawaban singkatnya adalah - "Tidak". Tag HTML5 tidak sensitif huruf, tetapi itu tidak berarti Anda tidak harus ketat dalam cara Anda menulis markup HTML Anda!
Kembali ke XHTML
Sebelum HTML5 masuk ke industri , profesional web akan menggunakan rasa bahasa markup yang disebut XHTML untuk membangun halaman web mereka.
Ketika Anda menulis XHTML, Anda harus menulis semua tag standar dalam huruf kecil karena XHTML adalah case sensitive. Ini berarti bahwa tag adalah tag yang berbeda dari di XHTML. Anda harus sangat spesifik dalam cara Anda mengkodekan halaman web XHTML dan hanya menggunakan huruf kecil. Kepatuhan yang ketat ini sebenarnya bermanfaat bagi banyak pengembang web baru. Alih-alih bisa menulis markup dengan campuran huruf kecil dan huruf besar, mereka tahu bahwa ada format ketat yang harus diikuti. Bagi siapa saja yang memotong gigi mereka di desain web ketika XHTML sangat populer, gagasan bahwa markup bisa menjadi campuran huruf besar dan huruf kecil tampak asing dan hanya salah.
HTML5 Mendapat Longgar
Versi-versi HTML sebelum XHTML tidak case-sensitive. HTML5 mengikuti tradisi itu dan pergi dari persyaratan format ketat XHTML.
Jadi HTML 5, tidak seperti XHTML, tidak peka huruf besar kecil. Ini berarti bahwa dan dan semuanya adalah tag yang sama dalam HTML 5. Jika ini terlihat seperti kekacauan bagi Anda, saya merasakan rasa sakit Anda.
Gagasan di balik HTML5 tidak peka huruf besar-kecilan adalah untuk memudahkan para profesional web baru untuk belajar bahasa, tetapi sebagai seseorang yang mengajarkan desain web kepada siswa baru, saya benar-benar dapat membuktikan fakta bahwa ini tidak terjadi sama sekali.
Mampu memberikan siswa baru untuk mendesain web seperangkat aturan yang pasti, seperti "selalu menulis HTML Anda sebagai huruf kecil", membantu mereka ketika mereka mencoba untuk mempelajari semua yang mereka butuhkan untuk belajar menjadi perancang web. Memberi mereka aturan yang terlalu fleksibel sebenarnya membingungkan banyak pembelajar alih-alih membuatnya lebih mudah bagi mereka.
Saya suka fakta bahwa para penulis HTML5 spec mencoba membantu membuatnya lebih mudah dipelajari dengan membuatnya lebih fleksibel, tetapi dalam hal ini, saya pikir mereka salah langkah.
Konvensi dalam HTML 5 adalah Menggunakan Huruf Kecil
Meskipun valid untuk menulis tag menggunakan kasus apa pun yang Anda sukai saat menulis HTML 5, konvensi ini menggunakan semua huruf kecil untuk tag dan atribut. Hal ini sebagian karena banyak pengembang web yang lebih berpengalaman yang hidup melalui hari-hari XHTML yang ketat telah melakukan praktik-praktik terbaik untuk HTML5 (dan seterusnya). Para profesional web tersebut tidak peduli bahwa campuran huruf besar dan huruf kecil valid dalam HTML5 hari ini, mereka akan tetap dengan apa yang mereka ketahui, yang semuanya huruf kecil.
Begitu banyak pengetahuan desain web adalah belajar dari orang lain, terutama dari mereka yang lebih berpengalaman dalam industri. Ini berarti bahwa pengembang web baru akan meninjau kode profesional berpengalaman dan melihat semua markup huruf kecil. Jika mereka meniru kode ini, itu berarti bahwa mereka juga akan menulis HTML5 dalam semua huruf kecil. Inilah yang tampaknya terjadi hari ini.
Praktik Terbaik untuk Lettercasing
Dalam pengalaman saya sendiri, saya menemukan yang terbaik untuk selalu menggunakan huruf kecil untuk kode HTML serta untuk nama file. Karena server tertentu peka huruf besar ketika menyangkut nama file (misalnya, "logo.jpg" akan terlihat berbeda dari "logo.JPG"), jika Anda memiliki alur kerja di mana Anda selalu menggunakan huruf kecil, Anda tidak perlu mempertanyakan di mana casing bisa menjadi masalah jika Anda mengalami masalah seperti gambar yang hilang . Jika Anda selalu menggunakan huruf kecil, Anda dapat menganggapnya sebagai masalah saat Anda melakukan debug pada masalah situs. Ini adalah alur kerja yang saya ajarkan kepada siswa saya dan yang saya gunakan dalam pekerjaan desain web saya sendiri.
Artikel asli oleh Jennifer Krynin. Diedit oleh Jeremy Girard.