HTML and CSS Reference
In-Depth Information
<li>Web Hypertext Application Technology Working Grou-
p</li>
</ul>
</aside>
</article>
<footer>
<p>
HTML5 con CSS e JavaScript<br />
D. Bochicchio, S. Mostarda<br />
Copyright © 2015 HOEPLI
</p>
</footer>
</body>
</html>
Per avere un'idea più concreta di come una pagina formattata utilizzando i tag semantici di
HTML5 possa essere strutturata all'interno di un browser, prendiamo in considerazione la
figura 2.1
.
In essa abbiamo rappresentato a titolo esemplificativo una situazione di distri-
buzione dei contenuti abbastanza comune all'interno della pagina. All'intestazione in alto
(
header
) segue un corpo centrale suddiviso in tre parti (menù di navigazione sulla sinistra,
area principale al centro e colonna laterale a destra), seguito a sua volta da un blocco di
chiusura in basso (
footer
).
Figura 2.1
- Classica struttura di una pagina con i tag semantici di HTML5.
L'uso di questi nuovi tag è anche retrocompatibile, nel senso che i browser, quando non
riconoscono un tag, tendono a ignorarlo completamente.