Struttura di un documento HTML

Novembre 2016
Una pagina HTML è un semplice file che contiene del testo formattato con dei tag HTML. Per convenzione l'estensione data al file è .htm o .html, ma una pagina web può potenzialmente avere un'estensione qualsiasi.


Nozione di documento HTML

Una pagina web può essere costruita partendo dal più semplice degli editori di testo (un'applicazione bloc-note ad esempio), ma esistono degli editori molto più evoluti. Gli editor WYSIWYGWhat You See Is What You Get», in italiano «quello che vedete è quello che ottenete») sono degli editori grafici che permettono di lavorare su una pagina web per come sarà visualizzata su un navigatore tranne qualche piccola differenza di dettaglio. Grazie a questo genere di editor è possibile aggiungere dei tag con un semplice clic e di modificarne gli attributi digitando le loro proprietà in un formulario. Ma in questi casi, per usare al meglio questi editor, è utile avere una conoscenza preventiva dell'HTML.

Esistono anche degli editor che permettono di digitare il codice HTML visualizzando i tag, gli attributi e i rispettivi valori con differenti colori per una lettura migliore e che propongono talvolta degli strumenti per verificare la validità del codice HTML. Per convenzione l'estensione data ad una pagina HTML è .htm o .html ma una pagina web potenzialmente può avere qualsiasi estensione soprattutto le seguenti:

.asp per una pagina generata in modo dinamico su ASP (Active Server Pages);

.cgi per una pagina generata in modo dinamico con dei CGI (Common gateway Interface);

.php, .php3 o .php4 per una pagina generata in modo dinamico su PHP;

.pl per una pagina generata in modo dinamico su Perl (Practical Extraction and Report Language);

e così via.

Struttura di un documento HTML

Un documento HTML comincia con il tag <HTML> e finisce con il tag </HTML>. Esso contiene anche un' intestazione che descrive il titolo della pagina, poi un corpo nel quale si trova il contenuto della pagina. L'intestazione è limitata dai tag <HEAD> e </HEAD>. Il corpo è limitato dai tag <BODY> e </BODY>.

Ecco un esempio di una pagina HTML minimalista:

<HTML>
<HEAD>
<TITLE>Titolo della pagina</TITLE>
</HEAD>

<BODY>
Contenuto della pagina
</BODY>
</HTML>

Dichiarazione sul tipo di documento

Si consiglia d'indicare nella pagina HTML il prologo del tipo di documento, cioè un riferimento alla norma HTML usata, per specificare lo standard usato per la codifica della pagina. Questa dichiarazione è fatta per una stringa del tipo:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0//EN">
<HTML>
<HEAD>...</HEAD>
<BODY>Contenuto della pagina</BODY>
</HTML>


La dichiarazione del documento indica la DTD (Document Type Definition) usata, cioè la referenza delle caratteristiche del linguaggio usato. La tabella qui sotto riassume le dichiarazioni per le principali versioni del linguaggio HTML:

VersioneDichiarazione
HTML 2.0<!DOCTYPE HTML PUBLIC "-//IETF//DTD HTML 2.0//EN">
HTML 3.2<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 3.2 Final//EN">
HTML 4.01
Strict: <!DOCTYPE html
PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
Transitional: <!DOCTYPE html
PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
Frameset: <!DOCTYPE html
PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd">
XHTML 1.0
Strict: <!DOCTYPE html
PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
Transitional: <!DOCTYPE html
PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
Frameset: <!DOCTYPE html
PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd">
XHTML 1.1
<!DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

Potrebbe anche interessarti :

HTML document layout
HTML document layout
Disposición de documentos HTML
Disposición de documentos HTML
Structure d'un document HTML
Structure d'un document HTML
Estrutura de um documento HTML
Estrutura de um documento HTML
Il documento intitolato « Struttura di un documento HTML » da CCM (it.ccm.net) è reso disponibile sotto i termini della licenza Creative Commons. È possibile copiare, modificare delle copie di questa pagina, nelle condizioni previste dalla licenza, finché questa nota appaia chiaramente.