<footer>

HTML-элемент <footer> представляет собой нижний колонтитул (футер, подвал) для своего ближайшего секционного контента или секционного корня. Футер обычно содержит информацию об авторе раздела, информацию об авторском праве или ссылки на связанные документы.

Категории контента Основной поток, явный контент.
Разрешенное содержимое Контент основного потока, кроме <footer> и <header>.
Пропуск тега Ни одного; Оба тега, открывающий и закрывающий, являются обязательными.
Разрешенные родительские элементы Любой элемент, который разрешает Контент основного потока в качестве содержимого. Обратите внимание, что элемент <footer> не должен быть потомком элемента <address>, <header> или другого элемента <footer>.
Разрешенные ARIA роли group, presentation
DOM-интерфейс HTMLElement

Атрибуты

К этому элементу применимы только глобальные атрибуты.

Примечание

  • Заключите информацию об авторе в элемент <address>, который может быть добавлен в элемент <footer>.
  • Элемент <footer> не относится к секционному контенту, а значит не создает новый раздел в структуре HTML-документа.

Примеры

<footer>
  Какая-то информация об авторском праве или может
  информация об авторе статьи?
</footer> 

Проблемы доступности

У программа чтения с экрана VoiceOver есть проблема, при которой она не читает элемент <footer> (не добавляет роль-ориентир элемента <footer> в список ориентиров). Чтобы решить эту проблему добавьте role="contentinfo" в элемент <footer>.

Спецификации

Спецификация Статус Комментарий
HTML Living Standard
Определение '<footer>' в этой спецификации.
Живой стандарт
HTML5
Определение '<footer>' в этой спецификации.
Рекомендация

Поддержка браузерами

Update compatibility data on GitHub
КомпьютерыМобильные
ChromeEdgeFirefoxInternet ExplorerOperaSafariAndroid webviewChrome для AndroidFirefox для AndroidOpera для AndroidSafari on iOSSamsung Internet
footerChrome Полная поддержка 5Edge Полная поддержка 12Firefox Полная поддержка 4IE Полная поддержка 9Opera Полная поддержка 11.1Safari Полная поддержка 4.1WebView Android Полная поддержка ДаChrome Android Полная поддержка ДаFirefox Android Полная поддержка 4Opera Android Полная поддержка 11.1Safari iOS Полная поддержка 4.2Samsung Internet Android Полная поддержка Да

Легенда

Полная поддержка  
Полная поддержка

Смотрите также