Elemento footer

Si no sabes lo que es un elemento o cómo debes usarlo, te recomiendo leer el tutorial "Tags y atributos en HTML" que puedes encontrar en la sección de tutoriales HTML.

Descripción

El elemento footer representa al pie de una sección o documento, donde los autores habitualmente colocan firmas, información acerca del autor, información de licencias, documentos relacionados, etc. En muchos casos, los contenidos del pie de un documento son consistentes a lo largo de todo el sitio.

Cuando un elemento footer es declarado dentro de un elemento de seccionamiento (como article o section) representa un pie en el ámbito de ese elmento. De lo contrario (cuando pertenece al elemento body) representa un pie para el documento entero.

Aunque es una práctica común colocar los pies al final de la página o sección, no es necesario que ocupen ese lugar. Un pie es un pie por lo que representa, no por su ubicación.

La información de contacto acerca del autor de un documento o artículo corresponde dentro del elemento address el cual podría incluirse, a su vez, dentro de un elemento footer.

Ejemplos

En el siguiente ejemplo, el elemento footer es usado para proveer vínculos de navegación e información de contacto acerca del autor del documento (contenida en el elemento address).

<h1>The Bloody Mary</h1>
<p>To make a perfect Boody Mary you definitely need to get your hans dirty...</p>
<footer>
  <address>
    Jhonny Doe<br>
    jhonnydoe5468@mypc.com
  </address>
  <ul>
    <li><a href="/">Home</a></li>
    <li><a href="/food">Food</a></li>
    <li><a href="/drinks">Drinks</a></li>
  </ul>
</footer>

Ahora, el elemento footer provee información sobre los derechos de copia de la sección que lo contiene (article).

<article>
  <h1>El extranjero</h1>
  <p>"Suficiente!" dijo el pequeño hombre, mientras se levantaba de su desbaratada silla...</p>
  <footer>
    <p>Copyright &copy; 1990-2014 Peter Doe, todos los derechos reservados.</p>
  </footer>
</article>

Atributos

Atributos globales

Para más información acerca de los atributos globales refiérete a esta lista de atributos gloables en HTML5.

Eventos

Eventos globales

Para más información acerca de los eventos globales refiérete a esta lista de eventos globales en HTML5.