Page 125 - Guida tascabile HTML5
P. 125
Conclusione
Il quadro completo
Nei capitoli di questo manuale sono stati presi in esame gli elementi e la sintassi
del linguaggio HTML, integrando la descrizione dei tag tradizionali con le novità
introdotte dalla specifica HTML5: nuovi tag e, soprattutto, un nuovo approccio,
mirati alla creazione di una struttura molto solida della pagina.
Proprio la strutturazione chiara e coerente del contenuto diventa fondamentale
per valorizzare ogni informazione nella pagina con l’appropriato valore semantico:
tenete sempre presente che la marcatura HTML ha il compito di descrivere il
contenuto, e non si occupa della sua presentazione (compito demandato alle regole
contenute nei fogli di stile CSS).
NOTA In questo libro è stato spesso mostrato lo stile di default applicato dai principali
browser ai tag HTML, ma non dimenticate che tramite appropriate regole CSS è
possibile stravolgerne l’aspetto anche in modo radicale.
Questo approccio garantisce la massima accessibilità (user agent diversi dai
browser tradizionali avranno più punti di riferimento per interpretare
correttamente il contenuto e renderlo fruibile anche con strumenti come lettori
braille o sintetizzatori audio) e un codice sorgente più lineare, che semplifica
interpretazione, manutenzione ed eventuali interventi di modifica.
La descrizione è iniziata con l’illustrazione della sintassi HTML: è
fondamentale avere ben chiari i concetti di tag, attributo e nidificazione, che
permettono di imparare a “leggere” il codice sorgente delle pagine.
Partendo da queste fondamenta, sono stati descritti i blocchi che costituiscono
l’ossatura principale del documento: è stata approfondita la sezione <head>, ricca
di metadati da associare al documento, e la sezione <body>, che raccoglie i
contenuti veri e propri.
È stato posto subito un accento particolare sull’importanza di sfruttare al meglio
i nuovi tag semantici per creare documenti ben strutturati: <header>, <main>, <aside>,
<footer> e gli altri elementi a blocco “parlanti” sono da preferire al contenitore
generico <div>.
