<!DOCTYPE html> 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).
...
Tanpa doctype, browser kembali ke quirks mode, yang mengubah perilaku tata letak dengan cara yang mengejutkan — paling terkenal adalah box model:
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.
Dalam HTML4/XHTML doctype adalah URL panjang yang merujuk pada DTD (Document Type Definition):
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "...dtd">
HTML5 menyederhanakannya menjadi hanya <!DOCTYPE html> — tidak lagi menunjuk ke DTD; itu murni sakelar mode yang dikenali browser.
Selalu sertakan <!DOCTYPE html> 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.