<!DOCTYPE html> bir HTML belgesinin en ilk satırıdır. Tarayıcıya standartlar modunda render etmesini söyler, quirks modunun yerine (1990'ların tarayıcılarını taklit eden eski, hataya uyumlu bir mod).
...
Doctype olmadan, tarayıcılar quirks moduna geri döner ve bu, mizanpaj davranışını şaşırtıcı şekillerde değiştirir — en ünlü olanı box model:
Quirks mode: width includes padding + border (old IE box model)
Standards mode: width is the content box (CSS spec) — predictable
Diğer quirks'ler arasında tablo hücrelerinde line-height'ın farklı işlenmesi, görüntü aralığı ve CSS birimleri yer alır. Bu tutarsızlıklar, dikkatle yazılmış CSS'nizin farklı şekilde render edilmesine neden olur, bu nedenle neredeyse her zaman standartlar modunu istersiniz.
HTML4/XHTML'de doctype, bir DTD'ye (Belge Türü Tanımı) başvuran uzun bir URL idi:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "...dtd">
HTML5 bunu sadece <!DOCTYPE html> olarak basitleştirdi — artık bir DTD'ye işaret etmez; tarayıcının tanıdığı yalnızca bir mod değişimidir.
Önce satırı <!DOCTYPE html> olarak her zaman dahil edin.
Bu, sayfanızın her CSS öğreticisinin ve çerçevesinin varsaydığı modern, tutarlı render kurallarını kullanmasının tek satırlık bir garantisidir — bunu ihmal etmek, kafa karıştırıcı, hata ayıklaması zor layout farklılıklarına yol açar.