I tag di formattazione dei contenuti in HTML5
Pagina 1 di 2
In luogo del classico e pluri-utilizzato tag <div>, il markup del nuovo HTML5 prevede una serie di tag specifici destinati ad ospitare altrettanto specifiche sezioni della pagina web caratterizzate da un contenuto ben preciso.
Tag per il posizionamento semantico
Al fine di dare al lettore una visione d'insieme dei nuovi tag introdotti da HTML5 allego, di seguito, uno schema grafico piuttosto esplicativo:
Segue un breve elenco dei tag rappresentati con una loro breve descrizione:
<header>
Racchiude la "testata" della pagina, in genere è destinata a contenere il titolo e le informazioni che si desidera mantenere sempre in vista nella pagina.
<nav>
Rappresenta una sezione della pagina destinata ai link che fanno riferimento alle varie sezioni del sito; in altre parole la sezione è dedicata all'implementazione del menu di navigazione. Spesso questo menù veniva incluso dagli sviluppatori nella stessa sezione (div) dell'header.
<article>
Identifica la porzione della pagina destinata ad ospitare il contenuto vero e prorio (ad es. il testo di un articolo).
<section>
Definisce una sezione all'interno del contenuto della pagina (ad esempio un paragrafo di un articolo).
<aside>
La sezione contiene una parte del sito spesso utilizzata per inserire parti non necessariamente collegate al contenuto come, ad esempio, sponsor, link esterni o illustrazioni.
<footer>
Contiene classicamente le informazioni sull'autore dei contenuti, i contatti e le informazioni relative al webmaster ed allaazienda o persona responsabile del sito web; in alcuni casi contiene i dati sulle licenze sotto cui si rilasciano i contenuti e le informazioni di validazione.
