Jaki jest cel ``?

Question

Jaki jest cel `<!DOCTYPE html>`?

Accepted Answer

`` to bardzo pierwsza linia dokumentu HTML. Mówi przeglądarce, aby renderować w **trybie standardów**, a nie w **trybie dziwaczności** (starym trybie kompatybilnym z błędami, który emuluje przeglądarki z lat 90.). ```html ... ``` ## Tryb standardów vs tryb dziwaczności Bez definicji typu dokumentu przeglądarki wracają do **trybu dziwaczności**, który zmienia zachowanie układu w zaskakujące sposoby — najsłynniej **model pudełka**: ```text Quirks mode: width includes padding + border (old IE box model) Standards mode: width is the content box (CSS spec) — predictable ``` Innymi dziwaczności są różne sposoby obsługi wysokości linii w komórkach tabeli, odstępy obrazów i jednostki CSS. Te niespójności powodują, że starannie napisane CSS jest renderowane inaczej, dlatego prawie zawsze chcesz tryb standardów. ## Dlaczego teraz jest tak krótko W HTML4/XHTML definicja typu dokumentu była długim adresem URL odwołującym się do DTD (Document Type Definition): ```html ``` HTML5 uproszczył to do `` — nie wskazuje już na DTD; to czysto przełącznik trybu, który przeglądarka rozpoznaje. ## Dlaczego to ważne Zawsze dodaj `` jako pierwszą linię. To gwarancja jednej linii, że twoja strona używa nowoczesnych, spójnych reguł renderowania, które przyjmuje każdy samouczek CSS i struktura — pominięcie go prowadzi do tajemniczych, trudnych do debugowania różnic w układzie.