Тег footer в HTML: что это такое?

Дата последнего обновления статьи: 2025-01-01

BODYTABLEFOOTERBUTTONBRHEADERDIVSECTIONIMGSPANARTICLEBODYTABLEFOOTERBUTTONBRHEADERDIVSECTIONIMGSPANARTICLEBODYTABLEFOOTERBUTTONBRHEADERDIVSECTIONIMGSPANARTICLEBODYTABLEFOOTERBUTTONBRHEADERDIVSECTIONIMGSPANARTICLEBODYTABLEFOOTERBUTTONBRHEADERDIVSECTIONIMGSPANARTICLEBODYTABLEFOOTERBUTTONBRHEADERDIVSECTIONIMGSPANARTICLEBODYTABLEFOOTERBUTTONBRHEADERDIVSECTIONIMGSPANARTICLEBODYTABLEFOOTERBUTTONBRHEADERDIVSECTIONIMGSPANARTICLE<footer>

Это изображениелицензировано подCC BY 4.0

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

Синтаксис тега footer

<footer>
  <!-- Содержимое подвала -->
</footer>

Атрибуты тега footer

Тег footer поддерживает только глобальные атрибуты.

Примеры использования тега footer

Простой подвал сайта

<footer>
  <p>&copy; 2024 Название компании. Все права защищены.</p>
</footer>

Подвал с навигацией и контактами

<footer>
  <nav>
    <h3>Полезные ссылки</h3>
    <ul>
      <li><a href="/about">О нас</a></li>
      <li><a href="/contacts">Контакты</a></li>
      <li><a href="/privacy">Политика конфиденциальности</a></li>
    </ul>
  </nav>
  <address>
    <h3>Контакты</h3>
    <p>Email: info@example.com</p>
    <p>Телефон: +7 (123) 456-78-90</p>
  </address>
  <p>&copy; 2024 Все права защищены.</p>
</footer>

Подвал статьи

<article>
  <h1>Заголовок статьи</h1>
  <p>Текст статьи...</p>
  <footer>
    <p>Автор: Иван Иванов</p>
    <time datetime="2024-01-21">21 января 2024</time>
  </footer>
</article>

Советы по использованию тега footer

Используйте семантические теги внутри footer (nav, address, time и др.).
Не помещайте в footer основной контент сайта.
Можно использовать несколько footer на странице - для всего сайта и для отдельных секций.
Структурируйте информацию в footer с помощью списков и заголовков.
Избегайте перегрузки footer излишней информацией.

Часто задаваемые вопросы (FAQ)

1 Сколько тегов footer можно использовать на странице?

На странице может быть несколько тегов footer. Обычно один используется для всего сайта, а другие могут быть внутри секций или статей.

2 Какой контент следует размещать в footer?

В footer обычно размещают контактную информацию, ссылки на социальные сети, копирайт, карту сайта и другую вспомогательную информацию.

3 Можно ли вкладывать footer в footer?

Нет, вложение тега footer в другой footer не допускается по спецификации HTML.

Заключение

Тег footer является важным семантическим элементом HTML, который помогает структурировать содержимое веб-страницы и делает её более понятной как для пользователей, так и для поисковых систем.

Для получения дополнительной информации о теге footer, рекомендуем ознакомиться с официальной документацией на MDN.

Предыдущая страница

Следующая страница