HTML <footer> Tag

By Jonathan Griffin. Editor, SEO Consultant, & Developer.

· 2 min read


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


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


  • 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.


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.


Browser Support




Android WebviewChrome AndroidFirefox AndroidOpera AndroidiOS SafariSamsung Internet