Hola señores
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> Tengo por costumbre poner en los h1 el logo de la empresa o en su defecto, el logo del blog en cuestión y no usarlo como título principal, ya que esto lo relego al h2. O sea, el h1 para el logo-título del blog y el h2 para el título del artículo.
¿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?