`` का उद्देश्य क्या है?

Question

`<!DOCTYPE html>` का उद्देश्य क्या है?

Accepted Answer

`` एक HTML दस्तावेज़ की बहुत पहली पंक्ति है। यह ब्राउज़र को **quirks mode** के बजाय **standards mode** में रेंडर करने के लिए कहता है (एक पुरानी bug-compatible mode जो 1990 के दशक के ब्राउज़र का अनुकरण करती है)। ```html ... ``` ## Standards mode बनाम quirks mode Doctype के बिना, ब्राउज़र **quirks mode** पर वापस आ जाते हैं, जो आश्चर्यजनक तरीकों से लेआउट व्यवहार को बदल देता है — सबसे प्रसिद्ध **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 की अलग-अलग हैंडलिंग, image spacing और CSS units शामिल हैं। ये असंगतियां आपके सावधानी से लिखे गए CSS को अलग तरीके से रेंडर करने का कारण बनती हैं, इसलिए आप लगभग हमेशा standards mode चाहते हैं। ## यह अभी इतना छोटा क्यों है HTML4/XHTML में doctype एक लंबा URL था जो DTD (Document Type Definition) को संदर्भित करता था: ```html ``` HTML5 ने इसे बस `` तक सरल बना दिया — यह अब किसी DTD की ओर इशारा नहीं करता; यह केवल एक mode switch है जिसे ब्राउज़र पहचानता है। ## यह महत्वपूर्ण क्यों है हमेशा `` को पहली पंक्ति के रूप में शामिल करें। यह एक-पंक्ति की गारंटी है कि आपका पृष्ठ आधुनिक, सुसंगत रेंडरिंग नियमों का उपयोग करता है जो हर CSS ट्यूटोरियल और framework मानते हैं — इसे छोड़ने से भ्रामक, डीबग करने में मुश्किल लेआउट अंतर होते हैं।