Apa tujuan dari ``?

Question

Apa tujuan dari `<!DOCTYPE html>`?

Accepted Answer

`` adalah baris pertama dari dokumen HTML. Ini memberitahu browser untuk me-render dalam **standards mode** daripada **quirks mode** (mode lama yang kompatibel dengan bug yang meniru browser tahun 1990an). ```html ... ``` ## Standards mode versus quirks mode Tanpa doctype, browser kembali ke **quirks mode**, yang mengubah perilaku tata letak dengan cara yang mengejutkan — paling terkenal adalah **box model**: ```text Quirks mode: width includes padding + border (old IE box model) Standards mode: width is the content box (CSS spec) — predictable ``` Quirks lainnya termasuk penanganan line-height yang berbeda di sel tabel, spasi gambar, dan unit CSS. Ketidakkonsistenan ini menyebabkan CSS yang ditulis dengan hati-hati Anda dirender secara berbeda, jadi Anda hampir selalu menginginkan standards mode. ## Mengapa sekarang begitu pendek Dalam HTML4/XHTML doctype adalah URL panjang yang merujuk pada DTD (Document Type Definition): ```html ``` HTML5 menyederhanakannya menjadi hanya `` — tidak lagi menunjuk ke DTD; itu murni sakelar mode yang dikenali browser. ## Mengapa ini penting Selalu sertakan `` sebagai baris pertama. Ini adalah jaminan satu baris bahwa halaman Anda menggunakan aturan rendering modern dan konsisten yang diasumsikan oleh setiap tutorial CSS dan framework — menghilangkannya menghasilkan perbedaan tata letak yang membingungkan dan sulit di-debug.