Validasi dan Debugging

Menulis HTML hanya separuh pekerjaan; separuh lainnya adalah memeriksa hasilnya. Browser dirancang menoleransi markup bermasalah: parser memperbaiki tag yang salah tempat, menutup elemen yang terlupakan, dan tetap merender halaman tanpa satu pesan pun di layar. Akibatnya, halaman bisa tampak normal padahal DOM yang benar-benar terbentuk berbeda dari niat kita — dan CSS, pembaca layar, serta mesin pencari membaca DOM tersebut, bukan niat kita. Di sinilah validasi dan debugging masuk: seperangkat kebiasaan untuk melihat apa yang sebenarnya dipahami browser, bukan apa yang kita kira sudah tertulis.

Section ini menyusun bahasan secara bertingkat. Dua chapter pertama melatih kemampuan membaca: cara menelusuri pohon DOM di panel Elements DevTools, lalu pemahaman tentang DOM sebagai model dokumen yang hidup dan terpisah dari file HTML. Chapter ketiga menghadirkan pemeriksa eksternal yang tidak menoleransi apa pun: W3C Markup Validation Service. Tiga chapter berikutnya menguraikan dua keluarga kesalahan yang paling sering terjadi — nesting yang bergeser dan atribut penting yang hilang — beserta metodologi perbaikan lima langkah. Dua chapter kemudian menerapkan semuanya pada dua wilayah yang paling sering bermasalah: form serta gambar dan link. Chapter penutup merangkum seluruh Course menjadi daftar periksa pra-terbit.

Benang merahnya: jangan menebak — periksa. Setiap gejala punya jalur diagnosis yang bisa dipelajari: panel yang tepat di DevTools, pesan validator yang dibaca sampai baris dan kolomnya, serta suntingan yang diuji satu per satu. Kita sudah mengenal panel dasar DevTools pada Section Persiapan Lingkungan; section ini menggunakannya secara penuh sebagai alat kerja sehari-hari.