<footer> - 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:
- <address>
- <header>
- Another <footer> element.
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

Chrome	Edge	Firefox	IE	Opera	Safari
Yes	Yes	Yes	Yes	Yes	Yes

Mobile

Android Webview	Chrome Android	Firefox Android	Opera Android	iOS Safari	Samsung Internet
Yes	Yes	Yes	Yes	Yes	Yes