Page 21 - Guida tascabile HTML5

Figura 2.1 La resa nel browser del markup appena descritto.

Figura 2.2 Gli elementi sono idealmente disposti uno sotto l’altro.

Prendendo in considerazione un markup più articolato, la disposizione dei box

nel rendering della pagina si modificherà di conseguenza:

<main>
<header>
<h1>Gli elementi di blocco</h1>
<p>Introduzione al concetto di box</p>
</header>
<p>La struttura della pagina deriva dalla sequenza
e dalla nidificazione degli elementi di blocco.</p>
<p>I box sono disposti uno sotto l'altro in successione.</p>
<footer>
<p>Capitolo 2 - gli elementi di blocco</p>
<footer>
</main>