This page was translated from English by the community.Learn more and join the MDN Web Docs community.
<footer>
Baseline Widely available
This feature is well established and works across many devices and browser versions. It’s been available across browsers since июль 2015 г..
HTML-элемент<footer> представляет собой нижний колонтитул (футер, подвал) для своего ближайшегосекционного контента илисекционного корня. Футер обычно содержит информацию об авторе раздела, информацию об авторском праве или ссылки на связанные документы.
Интерактивный пример
<article> <h1>How to be a wizard</h1> <ol> <li>Grow a long, majestic beard.</li> <li>Wear a tall, pointed hat.</li> <li>Have I mentioned the beard?</li> </ol> <footer> <p>© 2018 Gandalf</p> </footer></article>article { min-height: 100%; display: grid; grid-template-rows: auto 1fr auto;}footer { display: flex; justify-content: center; padding: 5px; background-color: #45a1ff; color: #fff;}| Категории контента | Основной поток,явный контент. |
|---|---|
| Допустимое содержимое | Контент основного потока, кроме<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 # the-footer-element |