<footer>

The <footer> HTML element represents a footer for its nearest sectioning content or sectioning root element. A <footer> typically contains information about the author of the section, copyright data or links to related documents.

Content categories Flow content, palpable content.
Permitted content Flow content, but with no <footer> or <header> descendants.
Tag omission None, both the starting and ending tag are mandatory.
Permitted parents Any element that accepts flow content. Note that a <footer> element must not be a descendant of an <address>, <header> or another <footer> element.
Implicit ARIA role contentinfo, or no corresponding role if a descendant of an article, aside, main, nav or section element, or an element with role=article, complementary, main, navigation or region
Permitted ARIA roles group, presentation or none
DOM interface HTMLElement

Attributes

This element only includes the global attributes.

Usage notes

  • Enclose information about the author in an <address> element that can be included into the <footer> element.
  • The <footer> element is not sectioning content and therefore doesn't introduce a new section in the outline.

Examples

<footer>
  Some copyright info or perhaps some author
  info for an &lt;article&gt;?
</footer>

Accessibility concerns

Prior to the release of Safari 13, the contentinfo landmark role was not properly exposed by VoiceOver. If needing to support legacy Safari browsers, add role="contentinfo" to the footer element to ensure the landmark will be properly exposed.

Specifications

Browser compatibility

Desktop Mobile
Chrome Edge Firefox Internet Explorer Opera Safari WebView Android Chrome Android Firefox for Android Opera Android Safari on IOS Samsung Internet
footer
5
12
4
9
11.1
5
Yes
Yes
4
11.1
4.2
Yes

See also

© 2005–2021 MDN contributors.
Licensed under the Creative Commons Attribution-ShareAlike License v2.5 or later.
https://developer.mozilla.org/en-US/docs/Web/HTML/Element/footer