Artículos
HTML5

Pie de página de un artículo HTML5

30/Oct/2018

Ya hemos visto cómo podemos crear un pie de página de un documento HMTL5, pero mediante el elemento footer también podemos crear un pie de página de un artículo HTML5. Digamos que el funcionamiento es similar al que se hace mediante el elemento header el cual nos sirve para crear cabeceras de documentos y de artículos en HTML5.

Lo primero que haremos para crear nuestro pie de página de un artículo HTML5 será crear el elemento footer en un artículo creado mediante un elemento article.

<article>
  <footer><!-- Pie de Página del Artículo --></footer>
</article>

En el pie de página del artículo podremos encontrar diferentes tipos de información. En nuestro caso lo que vamos a poner es la fecha de publicación del artículo y el auto del mismo. Para ello nos vamos a ayudar de un elemento time.

<article>
  <footer>Publicado el <time datetime="2018-10-23 15:00">23 octubre</time> por Víctor.</footer>
</article>

Con la combinación entre el elemento header para crear la cabecera de un artículo HTML5 y el elemento footer para definir un pie de página de un artículo HTML5, obtendríamos un artículo completo que quedaría de la siguiente forma:

<article>
  <header>
    <h2>Mi Artículo</h2>
  </header>
  Contenido de mi artículo.
  <footer>Publicado el <time datetime="2018-10-23 15:00">23 octubre</time> por Víctor. </footer>
</article>

Código Fuente

Descárgate el código fuente de Pie de página de un artículo 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
Recientes
Anteriores Más votados
Opiniones integradas
Ver todos los comentarios