Tenía una fuerte confusión acerca de cómo usar correctamente los <div> <section> <article>, porque en lugar de usar los div como wrapper, usaba section. Luego de buscar encontré este artículo, que respondió mi duda: http://html5doctor.com/the-article-element/
La duda que ahora tengo es acerca de los <h1> y <h2>. El caso es que en el mismo artículo ponen estos ejemplos:
Código HTML:
<article> <h1>Apple</h1> <p>The <b>apple</b> is the pomaceous fruit of the apple tree...</p> ... </article>
Código HTML:
<article> <header> <h1>Apple</h1> <p>Published: <time pubdate="pubdate">2009-10-09</time></p> </header> <p>The <b>apple</b> is the pomaceous fruit of the apple tree...</p> ... <footer> <p><small>Creative Commons Attribution-ShareAlike License</small></p> </footer> </article>
Código HTML:
<article> <h1>Apple varieties</h1> <p>The apple is the pomaceous fruit of the apple tree...</p> <section> <h2>Red Delicious</h2> <p>These bright red apples are the most common found in many supermarkets...</p> </section> <section> <h2>Granny Smith</h2> <p>These juicy, green apples make a great filling for apple pies...</p> </section> </article>
Código HTML:
<section> <h1>Articles on: Fruit</h1> <article> <h2>Apple</h2> <p>The apple is the pomaceous fruit of the apple tree...</p> </article> <article> <h2>Orange</h2> <p>The orange is a hybrid of ancient cultivated origin, possibly between pomelo and tangerine...</p> </article> <article> <h2>Banana</h2> <p>Bananas come in a variety of sizes and colors when ripe, including yellow, purple, and red...</p> </article> </section>
¿Consideran apropiado usar el h1 como título del artículo igual que el logo o mejor aplicar h1 sólo al título y que el logo esté dentro de un div?