<footer> - HTML-тег підвалу

HTML-елемент <footer> представляє собою підвал для найближчого секційного елемента або для всього документа. Зазвичай він містить інформацію про автора, авторські права, контактну інформацію та посилання на пов'язані документи.

Елемент <footer> не є секційним елементом і не створює новий розділ у структурі документа. Він слугує контейнером для інформації, що стосується його найближчого батьківського секційного елемента (наприклад, <article>, <section>) або всього документа (якщо він є прямим нащадком <body>).

Елемент <footer> не може бути вкладеним в <header> або інший <footer>.

HTML
<footer>...</footer>

Атрибути

Цей тег може мати глобальні атрибути.

Технічне резюме

Категорія контенту	Потоковий контент, відчутний контент.
Дозволений вміст	Потоковий контент, але без нащадків `<header>` або `<footer>`.
Пропуск тегів	Жоден, початковий та кінцевий теги є обов’язковими.
Дозволені батьківські елементи	Будь-який елемент, що приймає потоковий контент. Елемент `<footer>` не повинен бути нащадком елемента `<header>` або іншого `<footer>`.
Роль ARIA	`contentinfo`, якщо не є нащадком `<article>`, `<aside>`, `<main>`, `<nav>`, або `<section>`. В іншому випадку — `generic`.
DOM інтерфейс	`HTMLElement`

Приклади використання

<footer>
  <p>&copy; 2025 Мій Веб-сайт. Усі права захищено.</p>
  <nav>
    <a href="#about">Про нас</a> |
    <a href="#contact">Контакти</a> |
    <a href="#privacy">Політика конфіденційності</a>
  </nav>
</footer>

<article>
  <h2>Як правильно використовувати семантичні теги</h2>
  <p>Основний вміст статті...</p>
  <footer>
    <p>Автор: Іван Кодер</p>
    <p>Опубліковано: <time datetime="2025-07-19">19 липня 2025</time></p>
    <p>Теги: <a href="/tags/html">HTML</a>, <a href="/tags/semantics">Семантика</a></p>
  </footer>
</article>

Стилі за замовчуванням

CSS
footer {
  display: block;
}

Підтримка браузерів



`<footer>`