HTML / HTML Tags

HTML <Footer> Tag

Dec 12, 2022
2 min read
HTML footer Tag

Definition

A <footer> element represents the footer for its nearest sectioning content (such as <article> or <section>), or sectioning root element (<body>).

Example

<!DOCTYPE html>
<html>
<head>
    <title>HTML Title Element goes here.</title>
</head>
<body>
    <h1>Displayed Page Title</h1>
    <p>The main content of your page goes here.</p>
</body>
<footer>
  © 2020 The Webmaster. All rights reserved.
</footer>
</html>

Usage

  • A <footer> element typically contains information about the section, such as author information, related documents, and copyright data.
  • Both the opening and closing tag are required.
  • The <footer> element must not be a descendant of the following elements:
  • The <footer> is not sectioning content.
  • The <footer> does not need to be at the end of a section, although this is the usual placement.

Attributes

The Footer element only supports the Global Attributes.

Best Practices

  • Contact information for the author or editor of a section should be placed in an <address> element, which may then be placed in the <footer>.
  • Bylines can be placed in either the <header> or <footer>.
  • There is a bug in pre-Safari 13 versions that may not expose the <footer> to Apple’s VoiceOver if the footer is within a <section> or <article> element. This was fixed in Safari 13 that was released on September 20, 2019. If you wish to support older Safari versions, you can add role="contentinfo" to the <footer> element.

Specification

Browser Support

Desktop

ChromeEdgeFirefoxIEOperaSafari
YesYesYesYesYesYes

Mobile

Android WebviewChrome AndroidFirefox AndroidOpera AndroidiOS SafariSamsung Internet
YesYesYesYesYesYes