Web/HTML/Element/footer

The HTML <footer> 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.

Related: WebKit Bugzilla: 146930 – AX: HTML native elements (header, footer, main, aside, nav) should work the same as ARIA landmarks, sometimes they don't

Specifications

Specification	Status	Comment
HTML Living StandardThe definition of '<footer>' in that specification.	Living Standard
HTML5The definition of '<footer>' in that specification.	Recommendation

Browser compatibility

Update compatibility data on GitHub

	Desktop						Mobile
	Chrome	Edge	Firefox	Internet Explorer	Opera	Safari	Android webview	Chrome for Android	Firefox for Android	Opera for Android	Safari on iOS	Samsung Internet
`footer`	Chrome Full support 5	Edge Full support 12	Firefox Full support 4	IE Full support 9	Opera Full support 11.1	Safari Full support 5	WebView Android Full support Yes	Chrome Android Full support Yes	Firefox Android Full support 4	Opera Android Full support 11.1	Safari iOS Full support 4.2	Samsung Internet Android Full support Yes

Legend

Full support: Full support