HTML <footer> Element

The <footer> element represents footer information for the page or for the sectioning content it belongs to. It commonly contains information such as copyright notices, author details, related links, contact information, or navigation.

Syntax

<footer>
  <p>&copy; 2026 Example Web Site</p>
</footer>

The <footer> element uses an opening and closing tag, with the footer content placed between them.

Attributes

The <footer> element supports the global HTML attributes. It does not have any element-specific attributes.

Example

The following example creates a page footer containing a copyright notice and links to other pages:

Play in Editor

Usage Notes

A <footer> element usually contains information about the page or section it belongs to, such as authorship information, copyright notices, related links, contact information, or secondary navigation.

A web page can contain more than one <footer> element. For example, the page may have a main footer while individual <article> elements can have their own footers containing information related specifically to those articles.

The <footer> element does not have to appear at the very bottom of the entire page. Its meaning depends on the content or section it belongs to rather than its visual position on the screen.

A <footer> can contain headings, paragraphs, navigation, lists, addresses, and other appropriate flow content. Choose the elements inside it according to the meaning and structure of the footer information.

Do not use <footer> only as a visual container. Use it when the content actually serves as footer information for the page or a section of the document.

Accessibility

A page-level <footer> can help browsers and assistive technologies identify information associated with the end of the page's main content.

When navigation links are placed inside a footer, consider grouping them in a <nav> element when they form a meaningful navigation section. If the page contains multiple navigation regions, accessible labels can help users distinguish their purposes.

Use descriptive link text and properly structured headings, lists, and other elements inside the footer so users can understand and navigate its content regardless of how it is visually styled.

Browser Support

Baseline: Widely available indicates a feature has been supported by core browsers for at least 30 months. At this stage, the feature is considered stable and safe for most websites to use without needing to worry about compatibility issues or fallbacks, as it is supported by the vast majority of users' devices and browser versions.

For detailed browser compatibility information, see Can I Use: HTML <footer> Element .

<header> - Represents introductory or navigational content for a page or section.

<main> - Represents the primary content of a document.

<nav> - Represents a section containing navigation links.

<address> - Provides contact information related to a person, organization, article, or document.

Specifications

HTML Living Standard: The <footer> Element