footer: The Footer element

The <footer> HTML element represents a footer for its nearest ancestor sectioning content or sectioning root element. A <footer> typically contains information about the author of the section, copyright data or links to related documents.

Attributes

Global attributes

accesskey Specifies a keyboard shortcut to activate or focus an element.

aria-* Defines accessibility properties and states for assistive technologies.

class Specifies one or more CSS class names for styling the element.

data-* Stores custom data private to the page or application.

dir Sets the text direction (left-to-right, right-to-left, or auto).

hidden Hides the element from display and assistive technologies.

id Defines a unique identifier for the element within the document.

inputmode Hints which virtual keyboard type to display on mobile devices.

itemid Provides a global identifier for microdata items.

itemprop Defines a property name-value pair for microdata.

itemref Associates properties with an item via element IDs for microdata.

itemscope Creates a new microdata item container.

itemtype Specifies the vocabulary URL for microdata items (like Schema.org).

lang Specifies the primary language of the element’s content.

nonce Provides a cryptographic nonce for Content Security Policy.

role Defines the element’s semantic role for accessibility.

tabindex Controls keyboard navigation order and focusability.

title Provides advisory information displayed as a tooltip.

Example

<footer>
  <p>© 2024 Jane Developer. Built with Jekyll and hosted on Netlify.</p>
  <p>
    <a href="/rss.xml">RSS</a> | 
    <a href="/sitemap.xml">Sitemap</a> | 
    <a rel="me" href="https://mastodon.social/@jane">Mastodon</a>
  </p>
</footer>

<article>
  <h2>Building Your First Personal Website</h2>
  <!-- article content -->
  <footer>
    <p>Tagged: <a href="/tags/web-development">web development</a>, <a href="/tags/indieweb">IndieWeb</a></p>
    <p>Last updated: <time datetime="2024-03-20">March 20, 2024</time></p>
  </footer>
</article>