Тег <footer>

Описание

Тег <footer> представляет нижний колонтитул (подвал) раздела или всего документа. Содержит информацию об авторе, контакты, копирайты и дополнительные навигационные ссылки.

Подвал страницы:
<footer class="page-footer"> <div class="footer-content"> <p>© 2025 Моя компания. Все права защищены.</p> <address> Контакты: <a href="mailto:info@example.com">info@example.com</a> </address> <nav> <a href="/privacy">Политика конфиденциальности</a> | <a href="/terms">Условия использования</a> </nav> </div> </footer>
Подвал статьи:
<article> <h2>Заголовок статьи</h2> <p>Содержание статьи...</p> <footer class="article-footer"> <p>Автор: Иван Иванов</p> <time datetime="2025-05-15">15 мая 2025</time> </footer> </article>

Ключевые особенности:

  • Семантический контейнер для нижней части документа или раздела
  • Может содержать: контактную информацию, копирайты, навигацию
  • Может использоваться несколько раз на странице (для каждого раздела)
  • Не имеет стандартного оформления (стилизуется через CSS)
  • Важен для SEO и доступности

Рекомендации по использованию:

  • Размещайте в подвале только релевантную информацию
  • Для главного подвала страницы используйте в корне документа
  • Добавляйте микроразметку для контактных данных
  • Соблюдайте иерархию заголовков внутри подвала

Тег <footer> является важным структурным элементом современной веб-разметки.

Атрибуты

accesskey Определяет горячую клавишу для активации
class Задает CSS-классы для стилизации
contenteditable Разрешает редактирование содержимого
data-* Хранит пользовательские данные
dir Определяет направление текста
hidden Скрывает элемент
id Уникальный идентификатор
lang Указывает язык содержимого
spellcheck Включает проверку орфографии
style Задает инлайновые стили
tabindex Определяет порядок перехода
title Добавляет всплывающую подсказку
translate Определяет возможность перевода

Поддержка браузерами
9.0 8.0 9.2 4.0 5.0