structure
<footer>
Represents a footer for its nearest sectioning ancestor — typically author info, copyright, or related links. Use it at the bottom of the page, or inside an <article>/<section> for a block-level footer.
<footer>© 2026 Utilko</footer>Common attributes
| Attribute | Purpose |
|---|---|
| class | Styling hook |
| id | Anchor target |
| role | ARIA override (contentinfo implicit at root) |
Examples
<footer><p>© 2026 Utilko</p></footer>Page-level contentinfo landmark
<article>...<footer>Posted by Ada on 2026-07-17</footer></article>Metadata footer inside an article
<footer><nav>...</nav></footer>Footer navigation is a valid pattern
Gotcha
Related tags
<header>
Represents introductory content or a group of navigational aids for its nearest sectioning ancestor. Use it at the top of the page, or inside an <article> or <section> for that block's heading area.
<main>
Contains the dominant content of the document's <body> — the content unique to this page, excluding site-wide headers, nav, sidebars, and footers. Use exactly one visible <main> per page.
<nav>
Marks a section of major navigation links, either within the site or the current page. Use for primary menus, breadcrumbs, and pagination — not for every group of links.
<div>
Generic block-level container with no inherent semantic meaning, used to group content for styling or scripting. Reach for it only when no semantic element (section, article, nav, header) fits the content.
<span>
Generic inline container with no semantic meaning, used to style or script a run of text or inline content. Use it when semantic inline elements like <em>, <strong>, or <code> don't fit.