Artículos
HTML5

Cabecera de un artículo en HTML5

28/Oct/2018

Ya hemos visto cómo utilizar el elemento header para definir la cabacera de un documento en HTML5. Ahora vamos a ver cómo podemos utilizar el elemento header para poder definir la cabecera de un artículo en HTML5.

Es decir, el elemento es el mismo, si bien, dependiendo de dónde se encuentre representará semánticamente a la cabecera del documento o a la cabecera del artículo.

Para utilizar el elemento header como cabecera de un artículo en HTML5 lo vamos a utilizar dentro del elemento article.

El elemento head que representa la cabecera de un artículo en HTML5 suele contener el título y subtítulo del artículo. Si bien también se suelen poner datos como fecha de creación del documento, autor del documento, comentarios del mismo,… Al igual que sucedía en el uso del elemento head como cabecera del documento no existe una regla de qué información tiene que ser esta, si bien la detallada suele ser la más normal.

En este caso vamos a crear una cabecera de un artículo en HTML5 que contenga el título y subtítulo del artículo.

Primera Sección

Subtítulo de la primera sección

Este es el contenido de la primera sección.

Hay que tener en cuenta que podremos tener múltiples artículos dentro de un documento HTML5 y por ende podremos encontrar múltiples cabeceras de dichos artículos dentro del documento.

Primera Sección

Subtítulo de la primera sección

Este es el contenido de la primera sección.

Segunda Sección

Subtítulo de la segunda sección

Este es el contenido de la segunda sección.

En tu caso, ¿qué elementos pones para definir la cabecera de un artículo en HTML5? Danos ideas en los comentarios.

Código Fuente

Descárgate el código fuente de Cabecera de un artículo en HTML5
Y si te ha gustado nuestro código fuente puedes regalarnos una estrella Star

Vídeos sobre HTML5

Disfruta también de nuestros artículos sobre HTML5 en formato vídeo. Aprovecha y suscribete a nuestro canal.

Test HTML5

¿Te atreves a probar tus habilidades y conocimiento en HTML5 con nuestro test?

Test HTML5
Suscribir
Notificar de
guest
0 Comentarios
Opiniones integradas
Ver todos los comentarios