index.md

---

title: <footer>
slug: Web/HTML/Element/footer
page-type: html-element
browser-compat: html.elements.footer

---

{{HTMLSidebar}}

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

{{EmbedInteractiveExample("pages/tabbed/footer.html", "tabbed-standard")}}

Content categories	Flow content, palpable content.
Permitted content	Flow content, but with no <footer> or {{HTMLElement("header")}} descendants.
Tag omission	{{no_tag_omission}}
Permitted parents	Any element that accepts flow content. Note that a <footer> element must not be a descendant of an {{HTMLElement("address")}}, {{HTMLElement("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	{{domxref("HTMLElement")}}

Attributes

This element only includes the global attributes.

Usage notes

• Enclose information about the author in an {{HTMLElement("address")}} element that can be included into the <footer> element.

• When the nearest ancestor sectioning content or sectioning root element is the body element the footer applies to the whole page.

• 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

{{Specifications}}

Browser compatibility

{{Compat}}

See also

• Other section-related elements: {{HTMLElement("body")}}, {{HTMLElement("nav")}}, {{HTMLElement("article")}}, {{HTMLElement("aside")}}, {{HTMLElement("Heading_Elements", "h1")}}, {{HTMLElement("Heading_Elements", "h2")}}, {{HTMLElement("Heading_Elements", "h3")}}, {{HTMLElement("Heading_Elements", "h4")}}, {{HTMLElement("Heading_Elements", "h5")}}, {{HTMLElement("Heading_Elements", "h6")}}, {{HTMLElement("hgroup")}}, {{HTMLElement("header")}}, {{HTMLElement("section")}}, {{HTMLElement("address")}};

• Using HTML sections and outlines

• ARIA: Contentinfo role