Foros del Web » Creando para Internet » HTML »

para que sirve la etiqueta article en html5

Estas en el tema de para que sirve la etiqueta article en html5 en el foro de HTML en Foros del Web. porfavor expliquen bien no me pongan direcciones de la web...
  #1 (permalink)  
Antiguo 12/06/2015, 18:12
 
Fecha de Ingreso: junio-2015
Mensajes: 4
Antigüedad: 9 años, 6 meses
Puntos: 0
para que sirve la etiqueta article en html5

porfavor expliquen bien no me pongan direcciones de la web
  #2 (permalink)  
Antiguo 12/06/2015, 19:14
Avatar de TIExpert  
Fecha de Ingreso: mayo-2015
Ubicación: Venezuela
Mensajes: 167
Antigüedad: 9 años, 7 meses
Puntos: 17
Respuesta: para que sirve la etiqueta article en html5

Hola

Las etiquetas header, footer, article son etiquetas que se usan en HTML5 y vienen a sustitur los div´s que antes se usaban para todo.

Básicamente ayudan a los buscadores, son nombres identificativos del tipo de contenido.

Header -> Titulos, encabezados, etc.
footer -> pies de página.
article -> Información relevante

Saludos
__________________
Mas de 20 años de experiencia en soporte de plataforma TI para empresas.
  #3 (permalink)  
Antiguo 12/06/2015, 19:28
 
Fecha de Ingreso: junio-2015
Mensajes: 4
Antigüedad: 9 años, 6 meses
Puntos: 0
Respuesta: para que sirve la etiqueta article en html5

dentro de la etiqueta section para que se pone la etiqueta article por que no escibir de frente el contenido
  #4 (permalink)  
Antiguo 12/06/2015, 20:04
Avatar de fede5426  
Fecha de Ingreso: diciembre-2014
Ubicación: Córdoba
Mensajes: 446
Antigüedad: 10 años
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
  #5 (permalink)  
Antiguo 12/06/2015, 21:57
 
Fecha de Ingreso: junio-2015
Mensajes: 4
Antigüedad: 9 años, 6 meses
Puntos: 0
Respuesta: para que sirve la etiqueta article en html5

gracias por el aporte

quisiera saber si puede haber un section dentro de un article
  #6 (permalink)  
Antiguo 13/06/2015, 04:56
Colaborador
 
Fecha de Ingreso: septiembre-2013
Ubicación: España
Mensajes: 3.648
Antigüedad: 11 años, 3 meses
Puntos: 578
Respuesta: para que sirve la etiqueta article en html5

Sí que se puede. Section y article son cosas diferentes.
  #7 (permalink)  
Antiguo 13/06/2015, 09:55
 
Fecha de Ingreso: junio-2015
Mensajes: 4
Antigüedad: 9 años, 6 meses
Puntos: 0
Respuesta: para que sirve la etiqueta article en html5

cual es la diferencia entre Section y article
  #8 (permalink)  
Antiguo 13/06/2015, 10:12
Avatar de fede5426  
Fecha de Ingreso: diciembre-2014
Ubicación: Córdoba
Mensajes: 446
Antigüedad: 10 años
Puntos: 208
Respuesta: para que sirve la etiqueta article en html5

Cita:
Iniciado por juancito1 Ver Mensaje
cual es la diferencia entre Section y article
Bueno a ver si usamos un poquito el buscador del foro que no es tan complicado.. o Google de última.

http://www.forosdelweb.com/f4/difere...rticle-949789/

Etiquetas: article, etiqueta, html5
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 03:12.