HTML and CSS Reference
In-Depth Information
è cominciato a usare gli elementi flottanti, ottenibili tramite l'impiego del tag
div
unita-
mente agli stili
float
e
clear
, dal momento che essi garantiscono un livello di flessibi-
lità molto maggiore rispetto alle tabelle. Il tag
div
rappresenta peraltro un elemento con-
tenitore generale, senza una particolare connotazione stilistica, che può essere impiegato
secondo modalità e finalità diverse, raggruppando altri elementi o contenuti in ogni punto
all'interno del corpo della pagina.
HTML5 affronta il problema della formattazione delle pagine in modo radicale e, come
abbiamo già detto nel paragrafo precedente, presenta una serie di nuovi elementi di mar-
kup, destinati a fornire una soluzione alle esigenze di pubblicazione più comuni e a dare
una connotazione semantica alle diverse parti della pagina.
Diversamente dal tag
div
, ciascuno di questi nuovi elementi nasce con un preciso sco-
po. La
tabella 2.2
riassume brevemente le finalità di ciascun tag.
Elemento
Descrizione
Rappresenta una sezione generica della pagina, senza una connota-
zione specifica.
<section>
Rappresenta l'intestazione di una sezione e raggruppa elementi
h1
,
h2
,
h3
,
h4
,
h5
e
h6
.
<hgroup>
Rappresenta una sezione indipendente, contenente principalmente
un contenuto testuale, ma non solo.
<article>
Rappresenta una sezione non indipendente, collegata in qualche
modo al resto della pagina.
<aside>
<nav>
Rappresenta una sezione della pagina pensata per la navigazione.
Rappresenta un blocco di intestazione all'interno della pagina o di
una sezione (elementi
section
,
article
,
aside
e
nav
).
<header>
Rappresenta un blocco di chiusura all'interno della pagina o di una
sezione (elementi
section
,
article
,
aside
e
nav
).
<footer>
Rappresenta un blocco distinto dal testo principale, pensato per
contenere immagini, diagrammi, esempi ecc.
<figure>
<figcaption>
Rappresenta la didascalia per un elemento
figure
ed è opzionale.
Tabella 2.2
- Nuovi elementi di formattazione della pagina di HTML5.
