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>