<!DOCTYPE html> adalah baris paling pertama dokumen HTML. Ia memberitahu penyemak imbas untuk merender dalam standards mode daripada quirks mode (mod lama yang serasi dengan pepijat yang meniru penyemak imbas tahun 1990an).
html
...
Tanpa doctype, penyemak imbas jatuh kembali ke quirks mode, yang mengubah perilaku tata letak dengan cara yang mengejutkan — paling terkenal box model:
Quirks mode: width includes padding + border (old IE box model)
Standards mode: width is the content box (CSS spec) — predictable
Quirks lain termasuk pengendalian line-height yang berbeda dalam sel tabel, jarak gambar, dan unit CSS. Ketidakkonsistenan ini membuat 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 ke DTD (Definisi Jenis Dokumen):
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "...dtd">
HTML5 menyederhanakannya menjadi <!DOCTYPE html> saja — tidak lagi menunjuk ke DTD; ini adalah sakelar mode murni yang dikenali penyemak imbas.
Selalu sertakan <!DOCTYPE html> sebagai baris pertama.
Ini adalah jaminan satu baris bahwa halaman Anda menggunakan peraturan rendering yang modern dan konsisten yang setiap tutorial CSS dan kerangka kerja asumsikan — menghilangkannya menyebabkan perbedaan tata letak yang membingungkan dan sulit untuk dihapuskan.