Qual è lo scopo di ``?

Question

Qual è lo scopo di `<!DOCTYPE html>`?

Accepted Answer

`` è la primissima riga di un documento HTML. Dice al browser di renderizzare in **standards mode** piuttosto che in **quirks mode** (una vecchia modalità compatibile con i bug che emula i browser degli anni '90). ```html ... ``` ## Standards mode vs quirks mode Senza il doctype, i browser ricadono in **quirks mode**, che cambia il comportamento del layout in modi sorprendenti — più famosamente il **box model**: ```text Quirks mode: width includes padding + border (old IE box model) Standards mode: width is the content box (CSS spec) — predictable ``` Altre stranezze includono gestione diversa di line-height nelle celle delle tabelle, spaziatura delle immagini e unità CSS. Queste incoerenze rendono il tuo CSS attentamente scritto diverso, quindi quasi sempre vuoi standards mode. ## Perché è così breve adesso In HTML4/XHTML il doctype era un lungo URL che faceva riferimento a un DTD (Document Type Definition): ```html ``` HTML5 lo ha semplificato a solo `` — non punta più a un DTD; è puramente uno switch di modalità che il browser riconosce. ## Perché è importante Incluди sempre `` come prima riga. È una garanzia di una riga che la tua pagina usa le regole di rendering moderne e coerenti che ogni tutorial CSS e framework assumono — ometterlo porta a differenze di layout sconcertanti e difficili da debuggare.