4 Creare contenuti per il web - Andrea Giachetti

che vedremo nel seguito.
Creare contenuti per il web: (X)HTML e CSS in dettaglio 67
Nei capitoli seguenti vedremo, a scopo di esempio (rimandiamo invece ai vari manuali che si
trovano anche online per chi volesse conoscere bene tutti gli elementi/attributi/valori del
linguaggio), i principali elementi del markup e come questi vengano utilizzati per inserire tutti i
tipi di contenuto ed ottenere i vari effetti che siamo abituati a vedere nelle pagine web. Prima,
però, vediamo meglio la strutturazione del codice di una singola pagina.
4.3 Struttura di un documento HTML
Dichiarazioni
Ogni elemento del documento deve rispettare
quindi delle regole di sintassi ben precise, ma
anche l'intero documento deve essere
organizzato secondo una struttura definita più
o meno rigidamente dalle specifiche del
linguaggio. L'organizzazione base della pagina
(X)HTML è quella in Figura 25. All'inizio del
documento possono (devono nel corrente
XHTML) essere presenti delle dichiarazioni,
che servono ad indicare al browser a quali
specifiche il documento si conforma. La loro
struttura può risultare effettivamente un po'
complessa, ma in realtà non è necessario
ricordarsi a memoria i vari tipi di dichiarazioni Figura 25: Struttura di un documento (X)HTML
di tipo per creare pagine web corrette, in
quanto si possono tranquillamente copiare da modelli, manuali o dal sito ufficiale del W3C. La
dichiarazione di tipo è stata introdotta dalla versione 4.01 di HTML ed in XHTML è
obbligatoria. Per quanto riguarda XHTML (stessa cosa in HTML 4.01), esistono tre differenti
tipi di documento ammissibile:
• strict (sintassi rigida)
• transitional (sintassi che tollera l'uso di elementi e attributi non più in uso, ed è la più
diffusa)
• frameset (con supporto dei cosiddetti frame, sistema per gestire l'inclusione di pagine
multiple in unica visualizzazione, ormai sostanzialmente in disuso).
A ciascuno di essi, sia per XHTML che per HTML 4.01 corrisponde una specifica dichiarazione
di tipo. In Figura 26 sono mostrate le tre diverse dichiarazioni di tipo in XHTML. In tali
dichiarazioni la prima riga è opzionale ed indica che il documento risponde alle specifiche
XML (quindi sarà XHTML) e che il tipo di codifica del testo è UTF-8 (Vedi Appendice 2). La
dichiarazione di tipo contiene il collegamento all'URL del W3C ove si trova la definizione
ufficiale delle specifiche di linguaggio (l'estensione .dtd significa “Document Type
Definition”). La dichiarazione di tipo influenza la visualizzazione del documento sul browser,
dato che l'interpretazione della stessa seguirà le regole specifiche del DTD. Se questo non è
indicato, il browser usualmente interpreta le pagine in una modalità particolare (quirks) in cui
tenta ugualmente di visualizzare il contenuto usando le regole dei vecchi browser. Copiata la
dichiarazione di tipo a cui ci si intende uniformare, per il resto un documento (X)HTML
contiene una serie di elementi definiti come abbiamo visto nel paragrafo precedente, annidati in