HTML <footer> Tag

If this site has been useful, we’d love your support! Consider buying us a coffee to keep things going strong!

Description

The <footer> element in HTML represents a footer section for its nearest sectioning content or the entire page. It is typically used to contain information about the section it belongs to, such as author details, copyright information, navigation links, legal disclaimers, or related documents. While it is most commonly found at the bottom of a page, a <footer> can appear anywhere within a sectioning element like <article>, <section>, or <aside> to provide context-specific footer content.

Semantically, <footer> helps define the structure and hierarchy of a webpage, making it easier for both developers and assistive technologies to understand the content. Using <footer> instead of generic <div> elements improves readability, accessibility, and SEO because it clearly signals the content’s purpose.

For example, a webpage might have a main <footer> for the overall site containing links to contact information, privacy policy, and social media, while an <article> inside the page could have its own <footer> containing the author’s name and publication date.

The <footer> element can contain flow content, which means it can include text, headings, links, lists, images, forms, and even other sections, allowing it to be flexible while maintaining semantic meaning.

Properties

Permitted Parents: Any element that accepts flow content. Note that a <footer> element must not be a descendant of an <address>, <header> or another <footer> element
Content: Block, Inline and text, but no <footer> or <header>
Start/End Tags: Start tag: required, End tag: required

Example

HTML

<!DOCTYPE html>

<html>

  <head>

    <title>Untitled 1</title>

  </head>

  <body>

    <header>

      <h1>Header of Page</h1>

    </header>

    <article>

      <p>Description and information of page goes here.</p>

    </article>

    <footer>

      Footer of Page - Copyright

    </footer>

  </body>

</html>

Result

Editor

Attributes

None

Global Attributes

The <footer> tag also supports the Global Attributes in HTML5

Event Attributes

The <footer> tag also supports the Event Attributes in HTML5

Browser Support

The following information will show you the current browser support for the HTML <footer> tag. Hover over a browser icon to see the version that first introduced support for this HTML tag.