Ver Mensaje Individual
  #4 (permalink)  
Antiguo 12/06/2015, 20:04
Avatar de fede5426
fede5426
 
Fecha de Ingreso: diciembre-2014
Ubicación: Córdoba
Mensajes: 446
Antigüedad: 9 años, 5 meses
Puntos: 208
Respuesta: para que sirve la etiqueta article en html5

No necesariamente tenes que usar un article siempre dentro de un section, podes usar section dentro de section, o div dentro de section.

Supongamos que tenes un sitio con una seccion principal que definis por ejemplo con <section class="main"> </section> y dentro de ese section querés colocar un titulo con un texto, una galeria de imagenes y por debajo noticias, podria hacerse mas o menos asi:

Código HTML:
Ver original
  1. <section class="main">
  2.     <h1>Titulo principal</h1>
  3.     <p>Texto de la seccion principal bla bla bla... </p>
  4.    
  5.     <section class="galeria">
  6.         <!-- slider -->
  7.     </section>
  8.    
  9.     <section class="noticias">
  10.        
  11.         <article>
  12.             <img src="ruta/de/la/imagen.jpg" alt="" />
  13.             <h2>Titulo de la Noticia</h2>
  14.             <p>Resumen de la noticia...  </p>
  15.         </article>
  16.        
  17.         <article>
  18.             <img src="ruta/de/la/imagen.jpg" alt="" />
  19.             <h2>Titulo de la Noticia</h2>
  20.             <p>Resumen de la noticia...  </p>
  21.         </article>
  22.        
  23.         <article>
  24.             <img src="ruta/de/la/imagen.jpg" alt="" />
  25.             <h2>Titulo de la Noticia</h2>
  26.             <p>Resumen de la noticia...  </p>
  27.         </article>
  28.        
  29.         <article>
  30.             <img src="ruta/de/la/imagen.jpg" alt="" />
  31.             <h2>Titulo de la Noticia</h2>
  32.             <p>Resumen de la noticia... </p>
  33.         </article>
  34.        
  35.     </section>

Como para que lo veas en un ejemplo práctico. Y te dejo el codepen con un css para que veas qué es lo que quise representar con ese HTML.

http://codepen.io/fede5426/pen/vOZMGv

Saludos