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 Полная поддержка ДаFirefox Полная поддержка 4IE Полная поддержка 9Opera Полная поддержка 11.1Safari Полная поддержка 4.1WebView Android Полная поддержка ДаChrome Android Полная поддержка ДаFirefox Android Полная поддержка 4Opera Android Полная поддержка 11.1Safari iOS Полная поддержка 4.2Samsung Internet Android Полная поддержка Да

Легенда

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

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

Метки документа и участники

Внесли вклад в эту страницу: JCodeg, mdnwebdocs-bot, r1c0ch3t
Обновлялась последний раз: JCodeg,