Juguemos a Diagramar 1

[danneg]

HTML5 propone ser más semántico, asi que hago uso de las etiquetas article, figure y hgroup (además de las ya anteriormente mencionadas).

Código HTML:

<header>
    <hgroup>
        <h1>Le Logo</h1>
    </hgroup>
    <nav>Menú</nav>
</header>
 
<article>
    <hgroup>
        <h1>Las flores más lindas</h1>
    </hgroup>
    <p>Texto y texto</p>
</article>
 
<figure>Foto</figure>
 
<aside>
    <article>Anuncio 1</article>
    <article>Anuncio 2</article>
    <article>Anuncio 3</article>
</aside>
 
<footer>
    <p>Tel</p>
    <p>Social</p>
</footer>