Page 45 - Guida tascabile HTML5

commenti: i tag <section> e <article> sono nidificati uno nell’altro a seconda delle

esigenze:

<article>
<header>
<h1>I tag article e section</h1>
<p>Un esempio di markup con commenti</p>
</header>
<section>
<h1>Il tag article</h1>
<p>Il tag article identifica un contenuto autonomo</p>
</section>
<section>
<h1>Il tag section</h1>
<p>Il tag section identifica un raggruppamento tematico</p>
</section>
<section>
<h1>Utilizzo</h1>
<p>I tag article e section possono essere nidificati
uno nell'altro per strutturare al meglio il contenuto</p>
</section>
<section>
<h1>Commenti</h1>
<article>
<header>
<h2>Commento pubblicato da Fabio</h2>
</header>
<p>...</p>
</article>
<article>
<header>
<h2>Commento pubblicato da Federica</h2>
</header>
<p>...</p>
</article>
<article>
<header>
<h2>Commento pubblicato da Matteo</h2>
</header>
<p>...</p>
</article>
</section>
<footer>
<p>Articolo pubblicato il <time>2014-10-28</time></p>
</footer>
</article>

ATTENZIONE Utilizzate il tag <section> solo quando appropriato dal punto di vista
semantico. Se avete bisogno di suddividere il documento in blocchi per esigenze
legate al layout o alle regole CSS da applicare, utilizzate il tag generico <div>, descritto

più avanti nel capitolo, privo di un così marcato valore semantico.

Una separazione alternativa: <hr>