`` کا مقصد کیا ہے؟

Question

`<!DOCTYPE html>` کا مقصد کیا ہے؟

Accepted Answer

`` ایک HTML دستاویز کی بالکل پہلی سطر ہے۔ یہ براؤزر کو **standards mode** میں رینڈر کرنے کے لیے کہتا ہے نہ کہ **quirks mode** میں (ایک پرانا bug-compatible موڈ جو 1990 کی دہائی کے براؤزرز کی نقل کرتا ہے)۔ ```html ... ``` ## Standards mode بمقابلہ quirks mode Doctype کے بغیر، براؤزرز **quirks mode** پر واپس جاتے ہیں، جو layout کے رویے کو حیران کن طریقوں سے بدل دیتا ہے — سب سے زیادہ مشہور **box model** ہے: ```text Quirks mode: width includes padding + border (old IE box model) Standards mode: width is the content box (CSS spec) — predictable ``` دوسری quirks میں table cells میں line-height کی مختلف handling، image spacing، اور CSS units شامل ہیں۔ یہ عدم مطابقت آپ کے احتیاط سے لکھے ہوئے CSS کو مختلف طریقے سے رینڈر کرنے کا سبب بنتی ہے، اس لیے آپ تقریباً ہمیشہ standards mode چاہتے ہیں۔ ## اب یہ اتنا مختصر کیوں ہے HTML4/XHTML میں doctype ایک لمبا URL تھا جو DTD (Document Type Definition) کی طرف اشارہ کرتا تھا: ```html ``` HTML5 نے اسے سادہ کر کے صرف `` بنا دیا — یہ اب DTD کی طرف اشارہ نہیں کرتا؛ یہ محض ایک موڈ سوئچ ہے جو براؤزر پہچانتا ہے۔ ## یہ اہم کیوں ہے ہمیشہ `` کو پہلی سطر کے طور پر شامل کریں۔ یہ ایک سطری ضمانت ہے کہ آپ کا صفحہ جدید، مستقل رینڈرنگ کے اصول استعمال کرتا ہے جو ہر CSS ٹیوٹوریل اور فریم ورک فرض کرتے ہیں — اسے حذف کرنے سے الجھن میں مبتلا، debug کرنے میں مشکل layout میں فرق پیدا ہوتا ہے۔