HTML <footer> element

The <footer> element groups information about the page or section it belongs to, such as authorship, copyright, or links to related material.

A page footer might contain copyright information, contact links, legal links, related pages, or site information. An article footer might contain the author name, publication date, tags, related articles, or a note about the source.

A footer belongs to its nearest enclosing sectioning element: <article>, <section>, <aside>, or <nav>. If there is none, it belongs to the page. A plain <div> wrapper does not change that relationship.

A footer usually comes at the end, but it does not have to. Author information near the beginning of an article can be marked as a footer too. Its meaning comes from the information it contains, and CSS controls where it appears on the screen.

A footer is often a natural place for an <address> element. That element supplies contact information for its nearest enclosing article, or for the page if there is no enclosing article. It is not a general-purpose container for any address mentioned in the text. A footer can contain a wider range of information.

A footer does not create a new section, and it must not contain another <footer> or a <header>, even through intermediate containers. Separate articles can each have a footer, in addition to the page's own footer.

Attributes: GLOBALS.

Typical layout:
<article>
  <h2>CSS Grid</h2>
  <p>Grid arranges items in rows and columns.
    Use display: grid on the container to create a grid layout.</p>

  <footer>
    <p>Written by PageRIJ.</p>
  </footer>
</article>

Visual representation: