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.
footer element is declared inside a sectioning element (like
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
In the next example a
footer element is used to provide navigational links and contact information abour the document's author (contained by an
<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> email@example.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>
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 © 1990-2014 Peter Doe, all rights reserved.</p> </footer> </article>
For information about global attributes refer to this list of global attributes in HTML5.
For information about global events refer to this list of global events in HTML5.