HTML-тег <footer>

Характеристики

• Тип: блочный, статичный, семантический
• Назначение: Представляет нижний колонтитул для ближайшего родительского элемента секционирования, такого как <article>, <section>, или для всего документа.
• Родители: Любые HTML-теги, которые могут содержать блочные элементы.
• Потомки: Контент нижнего колонтитула: авторство, юридическая информация, ссылки на связанные документы и т.д.
• Глобальные атрибуты: все
• Атрибуты событий: все

Пример использования

<footer>
  <p>&copy; 2023 Моя компания</p>
</footer>

Использование в JavaScript

// Получение элемента <footer>
const footerElement = document.querySelector('footer');

// Добавление класса
footerElement.classList.add('site-footer');

// Изменение стиля
footerElement.style.backgroundColor = '#333';

Рекомендации по обеспечению доступности (a11y)

• Используйте <footer> для обозначения нижнего колонтитула секции или страницы.
• Не вкладывайте <footer> в другой <footer>.
• Неправильное использование <footer> может нарушить семантическую структуру документа.

Полезные ссылки