<!DOCTYPE html> ਇੱਕ HTML ਡੌਕੂਮੈਂਟ ਦੀ ਬਿਲਕੁਲ ਪਹਿਲੀ ਲਾਈਨ ਹੈ। ਇਹ ਬ੍ਰਾਊਜ਼ਰ ਨੂੰ standards mode ਵਿੱਚ ਰੈਂਡਰ ਕਰਨ ਲਈ ਕਹਿੰਦਾ ਹੈ, quirks mode (ਇੱਕ ਪੁਰਾਣਾ ਬਗ-ਅਨੁਕੂਲ ਮੋਡ ਜੋ 1990s ਦੇ ਬ੍ਰਾਊਜ਼ਰਾਂ ਦੀ ਨਕਲ ਕਰਦਾ ਹੈ) ਵਾਲਾ ਨਹੀਂ।
...
Doctype ਦੇ ਬਿਨਾ, ਬ੍ਰਾਊਜ਼ਰ quirks mode ਵੱਲ ਮੁੜ ਜਾਂਦੇ ਹਨ, ਜੋ ਅਨੌਖੇ ਤਰੀਕਿਆਂ ਨਾਲ ਲੇਆਉਟ ਦੇ ਵਿਵਹਾਰ ਨੂੰ ਬਦਲਦਾ ਹੈ — ਸਭ ਤੋਂ ਪ੍ਰਸਿੱਧ box model:
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) ਦਾ ਹਵਾਲਾ ਦਿੰਦਾ ਸੀ:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "...dtd">
HTML5 ਨੇ ਇਸਨੂੰ ਸਿਰਫ <!DOCTYPE html> ਵਿੱਚ ਸਰਲ ਬਣਾਇਆ — ਇਹ ਹੁਣ DTD ਦੀ ਵੱਲ ਸੰਕੇਤ ਨਹੀਂ ਕਰਦਾ; ਇਹ ਪਿਓ ਇੱਕ ਮੋਡ ਸਵਿੱਚ ਹੈ ਜੋ ਬ੍ਰਾਊਜ਼ਰ ਪਛਾਣਦਾ ਹੈ।
ਹਮੇਸ਼ਾ <!DOCTYPE html> ਨੂੰ ਪਹਿਲੀ ਲਾਈਨ ਦੇ ਰੂਪ ਵਿੱਚ ਸ਼ਾਮਲ ਕਰੋ।
ਇਹ ਇੱਕ ਲਾਈਨ ਦੀ ਗ੍ਯਾਰੰਟੀ ਹੈ ਕਿ ਤੁਹਾਡਾ ਪੰਨਾ ਆਧੁਨਿਕ, ਸੰਗਤ ਰੈਂਡਰਿੰਗ ਨਿਯਮਾਂ ਦੀ ਵਰਤੋਂ ਕਰਦਾ ਹੈ ਜੋ ਹਰ CSS ਟਿਊਟੋਰਿਅਲ ਅਤੇ ਫ੍ਰੇਮਵਰਕ ਮੰਨਦੇ ਹਨ — ਇਸਨੂੰ ਛੱਡ ਦੇਣ ਨਾਲ ਰਹੱਸਮਿਆ, ਡੀਬਗ ਕਰਨ ਮੁਸ਼ਕਲ ਲੇਆਉਟ ਅੰਤਰ ਹੁੰਦੇ ਹਨ।