Juguemos a Diagramar 1

[danneg]

Yo sigo optando por mi propuesta, les explico

HTML5 propone de una forma ser más semántico y por otro lado, dejar el uso de div's que declaren role="main" o [COLOR="rgb(65, 105, 225)"]id="header"[/COLOR], etc.

Los div esta propuestos a usarse como un objeto útil en diseño, no para establecer estructura.

Código HTML:

<header><!-- cabecera -->
    <hgroup><!-- de esta forma podras tener mas de un h1 -->
        <h1>Le Logo</h1><!-- obbviamente la tecnica que uses para tu logo, pero por cuestiones de accesibilidad seria recomendable usar solo texto -->
    </hgroup>
    <nav>Menú</nav><!-- menu, obviamente con listas desordenadas, y obviamente dentro de un ul cada list -->
</header>
 
<article><!-- siendo el unico tema, no hace falta declarar seccion, article lo hace por si solo -->
    <hgroup><!-- aqui esta el otro h1 -->
        <h1>Las flores más lindas</h1>
    </hgroup>
    <p>Texto y texto</p>
</article>
 
<figure>Foto</figure><!-- igualmente la unica fgura en el tema -->
 
<aside><!-- contenido que no tine que ver con el articulo principal -->
    <article>Anuncio 1</article><!-- cada uno es un articulo -->
    <article>Anuncio 2</article>
    <article>Anuncio 3</article>
</aside>
 
<footer><!-- footer, seria ideal que usaras ntd-child con el css -->
    <p>Tel</p>
    <p>Social</p>
</footer>