<!DOCTYPE html> 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.).
...
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:
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.
W HTML4/XHTML definicja typu dokumentu była długim adresem URL odwołującym się do DTD (Document Type Definition):
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "...dtd">
HTML5 uproszczył to do <!DOCTYPE html> — nie wskazuje już na DTD; to czysto przełącznik trybu, który przeglądarka rozpoznaje.
Zawsze dodaj <!DOCTYPE html> 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.
Biblioteka pytań rekrutacyjnych IT ze szczegółowymi odpowiedziami — od Juniora do Seniora.
Wesprzyj