Content Model
Per costruire un template si utilizzavano le tabelle, ma poi si scopre che la gestione diventa complicata e confusionaria quindi si passa al tag div.
Questo componente abbinato ai fogli di stile rese le pagine eleganti e leggibili, non avendo però una struttura ben rigida altri software avevano difficoltà ad interpretare correttamente la pagina.
Con HTML5 si crea una struttura che definisce la pagina nelle varie sezioni.
-
section, raggruppa una sezione generica;
-
article, raggruppa una porzione di contenuto;
-
aside, raggruppa contenuti correlati molto genericamente e che sono separati da ciò che la circonda;
-
hgroup, raggruppa la sezione conteneti intestazioni;
-
header, raggruppa informazioni introduttive o di aiuto alla navigazione;
-
footer, raggruppa informazioni relative ad autore, link a documenti correlati e copyright;
-
nav, raggruppa i link costituenti la navigazione principale del sito;
-
figure, raggruppa elementi e testo correlati;
-
figcaption, didascalia o leggenda dell’elemento parent;