`` ਦਾ ਉਦੇਸ਼ ਕੀ ਹੈ?

Question

`<!DOCTYPE html>` ਦਾ ਉਦੇਸ਼ ਕੀ ਹੈ?

Accepted Answer

`` ਇੱਕ HTML ਡੌਕੂਮੈਂਟ ਦੀ ਬਿਲਕੁਲ ਪਹਿਲੀ ਲਾਈਨ ਹੈ। ਇਹ ਬ੍ਰਾਊਜ਼ਰ ਨੂੰ **standards mode** ਵਿੱਚ ਰੈਂਡਰ ਕਰਨ ਲਈ ਕਹਿੰਦਾ ਹੈ, **quirks mode** (ਇੱਕ ਪੁਰਾਣਾ ਬਗ-ਅਨੁਕੂਲ ਮੋਡ ਜੋ 1990s ਦੇ ਬ੍ਰਾਊਜ਼ਰਾਂ ਦੀ ਨਕਲ ਕਰਦਾ ਹੈ) ਵਾਲਾ ਨਹੀਂ। ```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 ਵਿੱਚ ਟੇਬਲ ਸੈੱਲਾਂ ਵਿੱਚ line-height ਦੀ ਵੱਖ ਹ੍ਰਿਸ਼ਵਾਡ, ਤਸਵੀਰ ਦੀ ਸਪੇਸਿੰਗ, ਅਤੇ CSS ਇਕਾਈਆਂ ਸ਼ਾਮਲ ਹਨ। ਇਹ ਅਸੰਗਤੀਆਂ ਤੁਹਾਡੀ ਸਾਵਧਾਨੀ ਨਾਲ ਲਿਖੀ CSS ਨੂੰ ਵੱਖਰਾ ਰੈਂਡਰ ਕਰਵਾ ਦਿੰਦੀ ਹੈ, ਇਸ ਲਈ ਤੁਸੀਂ ਲਗਭਗ ਹਮੇਸ਼ਾ standards mode ਚਾਹਦੇ ਹੋ। ## ਇੱਥੇ ਇਹ ਹੁਣ ਇੰਨਾ ਛੋਟਾ ਕਿਉਂ ਹੈ HTML4/XHTML ਵਿੱਚ doctype ਇੱਕ ਲੰਬਾ URL ਸੀ ਜੋ DTD (Document Type Definition) ਦਾ ਹਵਾਲਾ ਦਿੰਦਾ ਸੀ: ```html ``` HTML5 ਨੇ ਇਸਨੂੰ ਸਿਰਫ `` ਵਿੱਚ ਸਰਲ ਬਣਾਇਆ — ਇਹ ਹੁਣ DTD ਦੀ ਵੱਲ ਸੰਕੇਤ ਨਹੀਂ ਕਰਦਾ; ਇਹ ਪਿਓ ਇੱਕ ਮੋਡ ਸਵਿੱਚ ਹੈ ਜੋ ਬ੍ਰਾਊਜ਼ਰ ਪਛਾਣਦਾ ਹੈ। ## ਇਹ ਮਹੱਤਵਪੂਰਨ ਕਿਉਂ ਹੈ ਹਮੇਸ਼ਾ `` ਨੂੰ ਪਹਿਲੀ ਲਾਈਨ ਦੇ ਰੂਪ ਵਿੱਚ ਸ਼ਾਮਲ ਕਰੋ। ਇਹ ਇੱਕ ਲਾਈਨ ਦੀ ਗ੍ਯਾਰੰਟੀ ਹੈ ਕਿ ਤੁਹਾਡਾ ਪੰਨਾ ਆਧੁਨਿਕ, ਸੰਗਤ ਰੈਂਡਰਿੰਗ ਨਿਯਮਾਂ ਦੀ ਵਰਤੋਂ ਕਰਦਾ ਹੈ ਜੋ ਹਰ CSS ਟਿਊਟੋਰਿਅਲ ਅਤੇ ਫ੍ਰੇਮਵਰਕ ਮੰਨਦੇ ਹਨ — ਇਸਨੂੰ ਛੱਡ ਦੇਣ ਨਾਲ ਰਹੱਸਮਿਆ, ਡੀਬਗ ਕਰਨ ਮੁਸ਼ਕਲ ਲੇਆਉਟ ਅੰਤਰ ਹੁੰਦੇ ਹਨ।