Pie de página de un artículo HTML5

30/Oct/2018 HTML5 , Deja un comentario

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>

Vídeos sobre HTML5


¿Algo que nos quieras comentar?

Déjanos tu comentario, no te preocupes que tu email no será publicado

*

Este sitio usa Akismet para reducir el spam. Aprende cómo se procesan los datos de tus comentarios.