Тег <footer>: подвал и метаданные
Что размещать в footer и чем подвал статьи отличается от подвала сайта.
Зачем нужен этот элемент
footer содержит заключительную информацию ближайшего раздела или всей страницы. Это могут быть авторство, навигация по документам, ссылки на правила или связанные материалы. Тег описывает назначение, но сам не прижимает блок к нижнему краю окна.
В статье footer относится к статье; вне разделов он может служить общим подвалом сайта. Старайтесь оставлять его компактным. Повторение десятков одинаковых ссылок затрудняет навигацию и не помогает читателю принять решение.
Синтаксис и пример
<footer>
<p>© Мой учебный проект</p>
<a href="#about">О проекте</a>
</footer>
<section id="about"><h2>О проекте</h2><p>Изучаем HTML.</p></section>Что важно в разметке
| Параметр | Как использовать |
|---|---|
| Контекст | Подвал ближайшей статьи, раздела или всей страницы. |
| Содержимое | Авторство, служебные ссылки, связанные сведения. |
| CSS | Для прижатия к низу используйте раскладку страницы. |
Частая ошибка
Не помещайте важное уникальное описание только в общий подвал. Оно должно находиться там, где пользователь ожидает его увидеть.
Небольшая практика
Сделайте подвал с названием проекта и ссылкой на страницу «О проекте». Проверьте переносы на узком экране.
Разберите также <main>, <a>: эти элементы пригодятся в том же интерфейсе.
Попробуйте сами
РЕЗУЛЬТАТ · ИЗОЛИРОВАННЫЙ ПРЕДПРОСМОТР
Измените код и нажмите «Запустить». JavaScript и внешние запросы отключены.
Самостоятельный учебный материал. Техническая документация: первоисточник по теме ↗. Если результат отличается, проверьте код и версию браузера.