<!DOCTYPE html> är den allra första raden i ett HTML-dokument. Det talar om för webbläsaren att rendera i standardläge snarare än quirks-läge (ett gammalt, bakåtkompatibelt läge som emulerar webbläsare från 1990-talet).
...
<!DOCTYPE html> är den allra första raden i ett HTML-dokument. Det talar om för webbläsaren att rendera i standardläge snarare än quirks-läge (ett gammalt, bakåtkompatibelt läge som emulerar webbläsare från 1990-talet).
...
Utan DOCTYPE faller webbläsare tillbaka till quirks-läge, vilket ändrar layoutbeteendet på överraskande sätt — mest känd är box model:
Quirks mode: width includes padding + border (old IE box model)
Standards mode: width is the content box (CSS spec) — predictable
Andra quirks inkluderar olika hantering av line-height i tabellceller, bildavstånd och CSS-enheter. Dessa inkonsekvenser gör att ditt noggrant skrivna CSS renderas annorlunda, så du vill nästan alltid ha standardläge.
I HTML4/XHTML var DOCTYPE en lång URL som refererade till en DTD (Document Type Definition):
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "...dtd">
HTML5 förenklade det till bara <!DOCTYPE html> — det pekar inte längre på en DTD; det är rent en lägesväxel som webbläsaren känner igen.
Lägg alltid till <!DOCTYPE html> som första rad.
Det är en radgaranti för att din sida använder de moderna, konsekventa renderingsreglerna som varje CSS-handbok och ramverk förutsätter — att utelämna det leder till förvirrande, svårdiagnostiserade layoutskillnader.