HTML-элемент <footer> представляет собой нижний колонтитул (футер, подвал) для своего ближайшего секционного контента или секционного корня. Футер обычно содержит информацию об авторе раздела, информацию об авторском праве или ссылки на связанные документы.
The source for this interactive example is stored in a GitHub repository. If you'd like to contribute to the interactive examples project, please clone https://github.com/mdn/interactive-examples and send us a pull request.
| Категории контента | Потоковый контент, явный контент. |
|---|---|
| Разрешенное содержимое | Потоковый контент, кроме <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>' в этой спецификации. |
Рекомендация |
Поддержка браузерами
| Компьютеры | Мобильные | ||||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
footer | Chrome Полная поддержка 5 | Edge Полная поддержка Да | Firefox Полная поддержка 4 | IE Полная поддержка 9 | Opera Полная поддержка 11.1 | Safari Полная поддержка 4.1 | WebView Android Полная поддержка Да | Chrome Android Полная поддержка Да | Edge Mobile Полная поддержка Да | Firefox Android Полная поддержка 4 | Opera Android Полная поддержка 11.1 | Safari iOS Полная поддержка 4.2 | Samsung Internet Android Полная поддержка Да |
Легенда
- Полная поддержка
- Полная поддержка