4 Creare contenuti per il web - Andrea Giachetti

title
head
Creare contenuti per il web: (X)HTML e CSS in dettaglio 69
html
img
Figura 28: La struttura ad albero determinata dall'annidamento degli elementi del codice nella
figura precedente.
una modalità di interpretazione più tollerante (quirks mode) per visualizzare il contenuto.
Questo non significa, tuttavia, che non si debba stare attenti alla correttezza del codice che si
realizza, particolarmente importante se si vogliono realizzare contenuti web facilmente
accessibili. Per verificare se il proprio codice è corretto, è possibile ricorrere a strumenti di
controllo automatici detti validatori. Essi controllano se il codice inserito è conforme al DTD
relativo alla tipologia di documento creata, segnalando gli eventuali errori. Il più noto è
ovviamente quello ufficiale del W3C, accessibile al sito: http://validator.w3.org/.
Gli elementi principali del markup
body
em
Abbiamo detto che l'elemento radice contiene sempre due sottoelementi principali,
e . Descriviamoli quindi in maggior dettaglio. Head rappresenta
l'intestazione del documento, quindi conterrà metainformazione riguardante lo stesso e non gli
elementi che ne caratterizzano il contenuto.
Esso può contenere annidato l'elemento : questo conterrà il titolo del documento,
usualmente visualizzato dai browser come titolo della finestra. Anche se generalmente non
notato durante la navigazione, questo titolo assume una certa importanza in quanto apparirà poi
nei menù cronologia e preferiti del browser e può essere usato dai motori di ricerca. Un altro
elemento annidabile in head è : come suggerisce il nome, questo serve a inserire
informazione riguardante il documento, come la codifica dei caratteri (se non dichiarata in
XML) o per aiutare o impedire l'indicizzazione sui motori di ricerca.
L'elemento contiene invece la descrizione di tutto ciò che verrà visualizzato sulla
finestra del browser: titoli, paragrafi, tabelle, caselle di testo, immagini e oggetti multimediali. I
titoli di paragrafo, che appaiono tipicamente su righe separate e con caratteri di dimensione
grande, sono inseriti gli appositi elementi del markup, da annidare nel . Questi
elementi sono per titoli di livello 1 (principali), per il secondo
livello e così via. La Figura 30 mostra un semplice documento HTML con titoli e testo. Per
inserire un testo sotto il titolo, l'elemento block level che si utilizza è , che definisce
un blocco separato di testo da inserire nel flusso della pagina (paragrafo). Se non si utilizzano
specifici attributi (che erano stati poi introdotti nel markup per variare lo stile) e non si
utilizzano i fogli di stile per la formattazione degli elementi, l'apparenza dei caratteri dei vari
elementi è stabilita dalle opzioni del browser. Non è detto, quindi, che la visualizzazione sia
identica in tutti i browser ed è possibile variarla agendo sulle opzioni di menù dei vari Explorer,
pp