# DOCTYPE html: definizione ed esempi Il contrassegno <!DOCTYPE html> dovrebbe trovarsi all’inizio del codice sorgente dei documenti HTML e delle sottopagine. Grazie a DOCTYPE, è possibile capire subito con quale tipo di documento si ha a che fare. Se il tag manca dal documento, si possono verificare errori nella presentazione del sito web. ## Cos’è DOCTYPE html? Chiunque lavori con i documenti HTML conosce già . Sebbene non sia uno dei classici [tag HTML](https://www.ionos.it/digitalguide/siti-web/programmazione-del-sito-web/tag-html/), dovrebbe essere al primo posto nei documenti HTML. Prima ancora del codice sorgente vero e proprio, DOCTYPE indica il **tipo di documento** che il browser deve aprire e **la sintassi e la grammatica del codice** da utilizzare. Sebbene il tag sia uno degli elementi più importanti di un documento HTML, viene spesso dimenticato. Poiché la sua presenza è ormai scontata, non dovreste dimenticare di contrassegnare il tipo di documento per ogni pagina con <!DOCTYPE html>. I migliori [editor HTML](https://www.ionos.it/digitalguide/siti-web/programmazione-del-sito-web/gli-editor-html/ "Gli editor HTML") offrono un controllo degli errori che segnala le righe DOCTYPE mancanti. --- ### Consiglio Mentre il contrassegno DOCTYPE chiarisce il tipo di documento, il tag [div HTML](https://www.ionos.it/digitalguide/siti-web/programmazione-del-sito-web/html-div/ "HTML div") serve come container vuoto senza significato semantico, che potete riempire liberamente con script e [CSS](https://www.ionos.it/digitalguide/siti-web/web-design/cose-css/ "Cos’è CSS?") per la progettazione del sito web. --- ## A cosa serve DOCTYPE html? Il compito di DOCTYPE è quello di spiegare alle programmatrici e ai programmatori e ai browser di quale **definizione del tipo di documento** (o **Document Type Definition** in inglese, abbreviato in **DTD**) si tratta e di come dovrebbe essere reso un sito web. La DTD indica il linguaggio di codice utilizzato nella pagina o nel documento HTML. Questo vale, ad esempio, per i file in **HTML, XHTML, SVG, MathML o XML**. Chi volesse [imparare l’HTML](https://www.ionos.it/digitalguide/siti-web/programmazione-del-sito-web/imparare-lhtml-lampio-tutorial-per-principianti/ "Imparare l’HTML: l’ampio tutorial per principianti") e creare un sito web, dovrebbe iniziare inserendo . Se manca il contrassegno DOCTYPE, possono verificarsi errori nella visualizzazione dei siti web. Il motivo è che i browser passano automaticamente alla **modalità quirks** (“quirks mode” in inglese) se manca <!DOCTYPE html>. Ciò ha lo scopo di **preservare la retrocompatibilità e la visualizzazione dei siti web** senza lo standard di codice attuale. Allo stesso tempo, però, questo può portare a una visualizzazione errata nonostante il codice corrente, poiché i browser aderiscono a elementi di codice obsoleti e non validi. --- ### N.B. Poiché <!DOCTYPE html> non è un tipico tag HTML in senso stretto, non esiste un tag HTML di chiusura con parentesi aperta e barra (</). Inoltre, non c’è la cosiddetta “Case Sensitivity”, ossia non viene fatta alcuna distinzione tra lettere maiuscole o minuscole. --- ## Quali tipi di DOCTYPE html esistono? Poiché DOCTYPE html in [HTML5](https://www.ionos.it/digitalguide/siti-web/programmazione-del-sito-web/cose-lhtml5/) non è basato su SGML, la forma è molto facile da ricordare. Non richiede maiuscole o minuscole e precede il primo tag HTML nella prima riga del documento HTML. Tutte le informazioni di cui un browser ha bisogno sul tipo di documento e sulla visualizzazione appaiono dunque così: ```none ``` ### Esempi di codice per versioni HTML meno recenti Nei documenti che utilizzano ancora versioni meno recenti di HTML come HTML4 o XHTML, DOCTYPE appare molto più complicato. È per questo che anche le programmatrici e i programmatori più esperti spesso fanno copia incolla nel documento HTML. La complessità è dovuta al fatto che HTML4 e gli altri linguaggi di codice meno recenti si basano ancora sul predecessore di HTML, **SGML (Standarded Generalized Markup Language)**, dove i browser necessitavano della definizione esatta del tipo di documento. Nei linguaggi di markup precedenti all’HTML5, si utilizzano i seguenti codici DOCTYPE all’inizio di un documento HTML: **XHTML 1.0 Strict:** ```none ``` **XHTML 1.0 Transitional:** ```none ``` **XHTML 1.1 Strict:** ```none ``` Anche per gli ebook nello standard EPUB2 così come per i [formati degli ebook](https://www.ionos.it/digitalguide/online-marketing/vendere-online/tutto-sugli-ebook-i-formati-degli-ebook/) meno recenti il contrassegno DOCTYPE è ancora eseguito in XHTML 1.1 Strict all’inizio del documento XHTML. **HTML 4.01 Strict:** ```none ``` **HTML 4.01 Transitional:** ```none ``` --- ### N.B. A differenza di HTML5 e dei suoi predecessori, per il [formato SVG](https://www.ionos.it/digitalguide/siti-web/creare-siti/formato-svg-inserimento-di-oggetti-grafici-vettoriali-svg/), sia prima che dopo SVG 1.2, si raccomanda di non inserire un tag DOCTYPE, perché a partire da SVG 1.2 non viene utilizzata più alcuna DTD. --- ## Perché è importante DOCTYPE html? L’indicazione di DOCTYPE html non è una norma e può di fatto venir omessa nei documenti HTML. Nonostante ciò, l’indicazione del tipo di documento è considerata una **convenzione standard e non ufficiale**. Se manca il contrassegno, verrà segnalato come errore, ad esempio quando si controlla il documento HTML. Se il browser non è in grado di riconoscere con certezza la grammatica e la sintassi utilizzate, possono verificarsi errori di visualizzazione e può venir compromessa la **funzionalità di un sito web**. Attenzione: DOCTYPE non dovrebbe stare solo all’inizio del codice sorgente di un progetto web. **Ogni singola sottopagina** del documento HTML dovrebbe disporre del contrassegno corrispondente. This is a markdown version of: [https://www.ionos.it/digitalguide/siti-web/programmazione-del-sito-web/doctype-html/](https://www.ionos.it/digitalguide/siti-web/programmazione-del-sito-web/doctype-html/) for AI/LLM consumption.