{"id":26499,"date":"2024-02-05T09:15:17","date_gmt":"2024-02-05T08:15:17","guid":{"rendered":"https:\/\/www.serverplan.com\/blog\/?p=26499"},"modified":"2024-02-05T09:16:43","modified_gmt":"2024-02-05T08:16:43","slug":"doctype-pagina-html","status":"publish","type":"post","link":"https:\/\/www.serverplan.com\/blog\/doctype-pagina-html\/","title":{"rendered":"Cos’\u00e8 la dichiarazione DocType in una pagina HTML?"},"content":{"rendered":"\n

Quando crei un blog o un sito web, anche sfruttando un hosting con WordPress preinstallato<\/a> come quello di Serverplan, dai per scontato alcuni aspetti come la presenza della DocType Declaration<\/strong> di una pagina HTML. Vale a dire la stringa di codice che d\u00e0 una serie di informazioni utili al browser.<\/p>\n\n\n\n

\"Cos'\u00e8<\/figure>\n\n\n\n

Non ci troviamo di fronte a un tag che ha una funzione specifica sul documento ma di un elemento indispensabile – e quindi obbligatorio – della struttura HTML di una pagina web<\/strong>. In molti casi lo aggiungi e non ti rendi conto di averlo fatto perch\u00e9 gli editor lo inseriscono in automatico. Ma il profilo di un o una professionista del web non si accontenta di questo: ecco qualche informazione in pi\u00f9 sull’argomento.<\/p>\n\n\n\n

Cos’\u00e8 la dichiarazione DocType in HTML?<\/h2>\n\n\n\n

\n\n\n\n

La DocType<\/strong> (document type) Declaration \u00e8 una stringa di codice che apre la struttura di base di un documento HTML con una serie di informazioni tecniche. Che devono essere lette e interpretate.<\/p>\n\n\n\n

Il browser legge queste informazioni per restituire all’utente<\/strong> il miglior risultato possibile. Nello specifico, parliamo di un’intestazione obbligatoria e spesso automatizzata dei programmi e dalla applicazioni CMS. <\/p>\n\n\n\n

Il suo compito \u00e8 quello di fornire delle indicazioni ai programmi che usano gli utenti per navigare sul web. La DocType Declaration \u00e8 supportata, chiaramente, da tutti i principali browser<\/strong> in circolazione.<\/p>\n\n\n\n

Sappiamo che nei documenti datati<\/strong>, tipo HTML 4 o XHTML, la dichiarazione \u00e8 pi\u00f9 complicata rispetto a quelli in HTML 5 perch\u00e9 la dichiarazione deve fare riferimento a una Document Type Definition. In ogni caso l’inserimento nella struttura HTML di una pagina web \u00e8 automatizzato.<\/p>\n\n\n\n

Da leggere: cos’\u00e8 il file htaccess, una definizione<\/a><\/strong><\/p>\n\n\n\n

A cosa serve questo contrassegno HTML<\/h2>\n\n\n\n

Il compito principale: dichiarare il tipo di documento che stai presentando. In termini tecnici parliamo di Document Type Definition o DTD <\/strong>dove si chiarisce il codice usato nel documento HTML. Inoltre in questa stringa puoi avere indicazioni sul fatto che il documento \u00e8 pubblico o meno, sulla versione HTML supportata, sulla lingua del documento in questione. Anche se la presenza \u00e8 scontata, bisogna sempre verificare questo elemento.<\/p>\n\n\n\n

Fammi un esempio concreto di sintassi<\/h2>\n\n\n\n

Come anticipato<\/strong>, con l’HTML 5 si semplifica molto e hai questo passaggio: <!DOCTYPE html><\/code>. Con le versioni precedenti puoi trovare delle dichiarazioni pi\u00f9 complesse e con delle informazioni in pi\u00f9 per i browser ma anche per i webmaster<\/a> che analizzano il documento. Ad esempio, ecco alcuni tipi di DocType, ripetitivamente i modelli 1.0 Strict, 4.01 Strict, 4.01 Transitional, 4.01 Frameset (fonte Wikipedia<\/a>).<\/p>\n\n\n\n

<!DOCTYPE html PUBLIC \"-\/\/W3C\/\/DTD XHTML 1.0 Strict\/\/EN\" \"http:\/\/www.w3.org\/TR\/xhtml1\/DTD\/xhtml1-strict.dtd\"><\/code><\/pre>\n\n\n\n
<!DOCTYPE HTML PUBLIC \"-\/\/W3C\/\/DTD HTML 4.01\/\/EN\" \"http:\/\/www.w3.org\/TR\/html4\/strict.dtd\"><\/code><\/pre>\n\n\n\n
<!DOCTYPE HTML PUBLIC \"-\/\/W3C\/\/DTD HTML 4.01 Transitional\/\/EN\" \"http:\/\/www.w3.org\/TR\/html4\/loose.dtd\"><\/code><\/pre>\n\n\n\n
<!DOCTYPE HTML PUBLIC \"-\/\/W3C\/\/DTD HTML 4.01 Frameset\/\/EN\" \"http:\/\/www.w3.org\/TR\/html4\/frameset.dtd\"><\/code><\/pre>\n\n\n\n
Ricorda che non \u00e8 un elemento case sensitive e deve essere inserito fuori dall’elemento <head><\/code>. Non si tratta di un vero o proprio tag HTML<\/a> e non presenta una chiusura. Se il DocType<\/strong> manca o \u00e8 errato si possono registrare errori nel modo in cui la pagina web si presenta su un browser di navigazione.<\/p>\n\n\n\n
Dove si trova la dichiarazione di DocType<\/h2>\n\n\n\n
Puoi trovare questo contrassegno in alto, all’apertura del documento. La posizione del <!DOCTYPE html><\/code> \u00e8 sempre la stessa e puoi visualizzare la dichiarazione di una pagina web ispezionando la sorgente. Quindi, vai sulla risorsa che ti interessa<\/strong> e clicca sul tasto destro. Poi su ispeziona. A questo punto si apre il codice sorgente dell’elemento da analizzare: in alto, di colore grigio chiaro e tutto maiuscolo, trovi la dichiarazione. <\/p>\n\n\n\n
Come inserire una DocType Declaration<\/h2>\n\n\n\n
L’HTML 5 non \u00e8 un linguaggio SGML<\/strong> (Standard Generalized Markup Language), il DocType che troverai in pagine web di questo tipo sar\u00e0 pi\u00f9 semplice. In ogni caso non devi fare granch\u00e9 se utilizzi WordPress: grazie a questo CMS hai gi\u00e0 tutto in regola, basta avviare il tuo sito web e iniziare a pubblicare. <\/p>\n\n\n\n
Tutto diventa pi\u00f9 facile<\/strong> se utilizzi l’hosting gestito di Serverplan, un esempio di semplicit\u00e0 ed efficienza: basta un click per avere il tuo sito web WordPress gi\u00e0 pronto per essere pubblicato, ottimizzato per avere il miglior rendimento in termini di Core Web Vitals<\/a> e gi\u00e0 con i migliori plugin installati.<\/p>\n\n\n\n
<\/div>
Hosting gestito: veloce, affidabile, performante<\/p>