Diferencia entre section y article en html5

[webosiris]

los SECTION pueden usarse dentro y fuera de ARTICLE. Sin embargo, el sentido común indica que deben de disponer de un título explícito, pues son elementos que marcan el outilne.

- Si se usan fuera de article, se pueden usar para marcar diferentes secciones genéricas de la web. Sin embargo SECTION NO ES UN REMPLAZO DE DIV. Si necesitas un elemento solo para darle estilo a algo, utiliza div.

Incluso pueden contener articles. Por ejemplo si la web dispone de diferentes artículos separados en 2 categorías (Opinión y Noticias), se puede hacer de la siguiente forma:

Código HTML:

<section>
<h1>Opinión</h1>
<article>...</article>
<article>...</article>
<article>...</article>
</section>
<section>
<h1>Noticias</h1>
<article>...</article>
<article>...</article>
<article>...</article>
</section>
 

- Si se usa dentro de un article, sirve para marcar las diferentes secciones de dicho artículo.

Código HTML:

<article>
<h1>Título del artículo</h1>
<section>
<h1>SubTítulo del artículo</h1>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit ...</p>
</section>
<section>
<h1>SubTítulo del artículo</h1>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit ...</p>
</section>
</article>