Mikä on `` -määritteen tarkoitus?

Question

Mikä on `<!DOCTYPE html>` -määritteen tarkoitus?

Accepted Answer

`` on HTML-dokumentin aivan ensimmäinen rivi. Se kertoo selaimelle renderöidä **standards mode** -tilassa **quirks mode** -tilan sijaan (vanha virheyhteensopiva tila, joka jäljittelee 1990-luvun selaimia). ```html ... ``` ## Standards mode vs quirks mode Ilman doctype-määritystä selaimet palautuvat **quirks mode** -tilaan, joka muuttaa asettelun käyttäytymistä yllättävällä tavalla — eniten tunnettu on **box model**: ```text Quirks mode: width includes padding + border (old IE box model) Standards mode: width is the content box (CSS spec) — predictable ``` Muita erikoisuuksia ovat erilainen line-height -käsittely taulukon soluissa, kuvien välistys ja CSS-yksiköt. Nämä epäyhdenmukaisuudet aiheuttavat sen, että huolellisesti kirjoitettu CSS-koodi renderöidään eri tavalla, joten lähes aina haluat standards mode -tilan. ## Miksi se on nyt niin lyhyt HTML4/XHTML-versiossa doctype oli pitkä URL-osoite, joka viittasi DTD-määritykseen (Document Type Definition): ```html ``` HTML5 yksinkertaisti sen vain `` -merkinnäksi — se ei enää viittaa DTD-määritykseen; se on puhtaasti tilanvaihtaja, jonka selain tunnistaa. ## Miksi se on tärkeää Sisällytä aina `` ensimmäisenä rivinä. Se on yhden rivin takuu siitä, että sivusi käyttää nykyaikaisia, johdonmukaisia renderöintisääntöjä, jotka kaikki CSS-ohjeet ja kehykset olettavat — sen pois jättäminen johtaa hämmentäviin, vaikeasti virheiden korjaamiseen soveltuviin asettelun eroihin.