Corso di HTML

Il modello del documento HTML

Un documento HTML si presenta (quasi) sempre nel modo che segue:

modello HTML

I puntini di sospensione indicano, come di consueto, testo mancante, che verrà inserito al momento opportuno.

Analizziamo i tag presenti nel documento.

<HTML>

E' un tag contenitore,presente in tutti i documenti HTML, e racchiude tutto il contenuto del documento.

Può essere preceduto dal tag <!DOCTYPE>.

<!DOCTYPE>

E' un tag vuoto e, qualora presente, é il primo tag di un documento HTML. E' l'unico tag che deve essere scritto in maiuscolo.

Serve ad identificare la versione HTML ed il file DTD (Document Type Definition) utilizzati nel documento.

Il file DTD é un file che contiene le regole che governano la sintassi e la struttura del linguaggio HTML utilizzato.

Una volta completato il documento se ne può testare la correttezza utilizzando un verificatore HTML (validator) che, nota la versione ed il file DTD del documento, consente di verificare se il documento stesso contenga degli errori, provando i vari link e controllando la sintassi dele istruzioni HTML.

Puoi trovare un ottimo validator al seguente indirizzo (é il verificatore del W3C!) e comprenderne l'utilizzo osservando il video linkato.

In particolare, sono tre i file DTD supportati dal W3C: strict, transitional e frameset.

I tag deprecati vengono segnalati come errori se viene utilizzata la DTD strict.

Ti consiglio quindi di utilizzare la DTD transitional perché permette di utilizzare i tag deprecati, evitando che i validator li identifichino come errori.

Ecco la sintassi di DOCTYPE per le DTD strict e transitional:

<!DOCTYPE HTML PUBLIC "_//W3C//DTD HTML 4.01 //IT" "http://www.w3.org/TR/HTML4/strict.dtd">

<!DOCTYPE HTML PUBLIC "_//W3C//DTD HTML 4.01 Transitional//IT" "http://www.w3.org/TR/HTML4/loose.dtd">

Il tag <!DOCTYPE> identifica inoltre la lingua che deve essere usata nei file DTD:

doctype

<HEAD>

E' un tag contenitore e contiene le informazioni che formano l'intestazione di un documento.

Include vai tag che definiscono e controllano il contenuto di un documento.

Tra questi: <link>, <meta>, <style>, <script>, <title>.

<TITLE>

E' un tag contenitore e contiene il titolo del documento che sará visualizzato nel bordo superiore della finestra del browser.

Rammenta che ogni documento HTML deve avere un tag <TITLE>.

Il titolo deve spiegare sinteticamente il contenuto della pagina HTML.Ad esempio, il titolo di questa pagina é Il modello del documento HTML.

Inoltre é particolarmente importante poiché un motore di ricerca Internet potrebbe restituire soltanto il titolo come descrizione di una pagina web.

<BODY>

E'un tag contenitore che racchiude tutti i contenuti della pagina web.

Tutto quello che é racchiuso all'interno di questo tag é detto corpo del documento.