Como los artículos de un diario, las páginas web generalmente presentan la información dividida en secciones que comparten características similares. El elemento <article> nos permite identificar cada una de estas partes. En el siguiente ejemplo, implementamos este elemento para representar las publicaciones que queremos mostrar en la sección principal de nuestra página web.
En este punto, ya contamos con la cabecera y el cuerpo del documento, secciones con ayuda para la navegación y el contenido, e información adicional a un lado de la página. Lo único que nos queda por hacer es cerrar el diseño y finalizar el cuerpo del documento. Con este fin, HTML ofrece el elemento <footer>.
En un diseño web tradicional, la sección Barra institucional se define con el elemento <footer>. Esto se debe a que la sección representa el final (o pie) de nuestro documento y se usa comúnmente para compartir información general acerca del autor del sitio o la compañía detrás del proyecto, como derechos de autor, términos y condiciones, etc.
El elemento <footer> se usa para representar el final del documento y tiene el objetivo principal ya mencionado, sin embargo, este elemento y el elemento <header> también se pueden utilizar dentro del cuerpo para representar el comienzo y final de una sección.
