footer element

If you don't know what an element is or how you must use it, I recommend you read the "HTML tags and attributes" tutorial that you can find in the HTML tutorials section.

Description

The footer element contains the footer of a section or document, where authors usually place signatures, author's information, copyright data, related documents, etc. In many cases, the contents of a document's footer are consistent sitewide.

When a footer element is declared inside a sectioning element (like article or section) it represents a footer in the scope of that element. Otherwise (when it belongs in the body) it represents a footer for the whole document.

Although it's a usual practice to place footers at the bottom of a page or sections, they don't necessarily have to take that place. A footer is a footer for what it represents, not because of its placement.

Contact information about the author of a document or article belongs inside an address element that could itself be inside a footer.

Examples

In the next example a footer element is used to provide navigational links and contact information abour the document's author (contained by an address element).

<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>

Now, the footer element provides copyright information for the article containing it.

<article>
  <h1>The stranger</h1>
  <p>"Enough!" said the little man, as he woke from his wrecked chair...</p>
  <footer>
    <p>Copyright &copy; 1990-2014 Peter Doe, all rights reserved.</p>
  </footer>
</article>

Attributes

Global attributes

For information about global attributes refer to this list of global attributes in HTML5.

Events

Global events

For information about global events refer to this list of global events in HTML5.