<!DOCTYPE html> هو السطر الأول جداً من وثيقة HTML. يخبر المتصفح بالرسم في وضع المعايير بدلاً من وضع quirks (وضع قديم متوافق مع الأخطاء يحاكي متصفحات التسعينيات).
...
بدون doctype، يعود المتصفح إلى وضع quirks، والذي يغير سلوك التخطيط بطرق مفاجئة — الأكثر شهرة هو نموذج الصندوق:
Quirks mode: width includes padding + border (old IE box model)
Standards mode: width is the content box (CSS spec) — predictable
تشمل الـ quirks الأخرى معالجة مختلفة للارتفاع في خلايا الجداول وتباعد الصور ووحدات CSS. تجعل هذه عدم التناسق في CSS المكتوب بعناية يتم رسمه بشكل مختلف، لذا تريد دائماً وضع المعايير.
في HTML4/XHTML كان doctype عبارة عن URL طويل يشير إلى DTD (تعريف نوع المستند):
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "...dtd">
قام HTML5 بتبسيطه إلى مجرد <!DOCTYPE html> — لا يشير إلى DTD بعد الآن؛ إنه مجرد محول وضع يعترف به المتصفح.
قم دائماً بتضمين <!DOCTYPE html> كأول سطر.
هو ضمان بسطر واحد بأن صفحتك تستخدم قواعد الرسم الحديثة والمتسقة التي تفترضها كل درس CSS وإطار عمل — حذفه يؤدي إلى اختلافات تخطيط محيرة وصعبة في تصحيح الأخطاء.