This page is In Progress

Notice: The WebPlatform project has been discontinued when the Stewards partnership agreement ended in September 2015. This site has been frozen, and the assets we have created will remain.

footer

Summary

The footer element (<footer>) represents content of the end of the nearest ancestor sectioning content or sectioning root element.

Overview Table

DOM Interface
HTMLElement

The basic motivation for introducing the footer element in HTML5 was to eliminate the overuse of <div> elements and creating a suitable element for the links and text that are usually located at the bottom of the webpages.

Examples

The following example defines two footers, one at the top and one at the bottom, with the same content.

<body>
 <!-- First footer -->
 <footer><a href="../">Back to index...</a></footer>
 <h1>Lorem ipsum</h1>
 <p>Insert long article here.</p>
 <!-- Second footer -->
 <footer><a href="../">Back to index...</a></footer>
</body>

Notes

Remarks

Footers don’t necessarily have to appear at the end of a section, though they usually do. The footer element can contain entire sections to represent appendices, indexes, license agreements, and similar content. Footers might also contain nav elements or contact information for the author or editor inside an address element. When the nearest ancestor element is the body element, then the footer applies to the whole document. The footer element is not sectioning content; it does not introduce a new section. Windows Internet Explorer 9. The footer element is only supported for webpages displayed in IE9 Standards mode. For more information, see Defining Document Compatibility.

Related specifications

HTML 5.1
W3C Working Draft
HTML 5
W3C Recommendation

See also

Related articles

Document Structure

HTML

Related pages

  • Reference
  • article
  • aside
  • figcaption
  • figure
  • header
  • hgroup
  • mark
  • nav
  • section

Attributions