<footer>
Интерактивный пример
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>.
Спецификации
| Specification |
|---|
| HTML Standard # the-footer-element |
Поддержка браузерами
BCD tables only load in the browser
Смотрите также
- Связанные с этим разделом элементы:
<body>,<nav>,<article>,<aside>,<h1>(en-US),<h2>(en-US),<h3>(en-US),<h4>(en-US),<h5>(en-US),<h6>(en-US),<hgroup>,<header>,<section>,<address>; - Разделы и структура документа HTML5..
- ARIA: роль contentinfo