<footer>: Элемент Footer

Базовая линия Широко доступна

Эта функция хорошо отработана и работает на многих устройствах и версиях браузеров. Она доступна в браузерах с июля 2015 года.

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

Попробуйте

Атрибуты

Этот элемент включает только глобальные атрибуты.

Примечания по использованию

Заключите информацию об авторе в элементе <address>, который можно включить в элемент <footer>.
Когда ближайший предок разделительного содержимого или корневой разделительный элемент — элемент body, подвал применяется ко всей странице.
Элемент <footer> не является разделительным содержимым и, следовательно, не вводит новый раздел в оглавление.

Доступность

До выхода Safari 13, роль contentinfo разметки не была должным образом отображена VoiceOver. Если вам нужно поддерживать устаревшие браузеры Safari, добавьте role="contentinfo" в элемент footer для обеспечения правильного отображения разметки.

Связанное: WebKit Bugzilla: 146930 – AX: HTML native elements (header, footer, main, aside, nav) should work the same as ARIA landmarks, sometimes they don't

Примеры

html

<body>
  <h3>FIFA World Cup top goalscorers</h3>
  <ol>
    <li>Miroslav Klose, 16</li>
    <li>Ronaldo Nazário, 15</li>
    <li>Gerd Müller, 14</li>
  </ol>

  <footer>
    <small>
      Copyright © 2023 Football History Archives. All Rights Reserved.
    </small>
  </footer>
</body>

css

footer {
  text-align: center;
  padding: 5px;
  background-color: #abbaba;
  color: #000;
}

Техническое описание

Категории содержимого	Текущее содержимое, ощутимое содержимое.
Разрешенное содержимое	Текущее содержимое, но без потомков `<footer>` или `<header>`.
Пропуск тега	Ничего, как начальный, так и конечный тег обязательны.
Разрешенные родительские элементы	Любой элемент, который принимает текущее содержимое. Обратите внимание, что элемент `<footer>` не должен быть потомком элемента `<address>`, `<header>` или другого элемента `<footer>`
Неявная роль ARIA	contentinfo, или generic, если потомок элемента article, aside, main, nav или section, или элемент с `role=article`, `complementary`, `main`, `navigation` или `region`
Разрешенные роли ARIA	`group`, `presentation` или `none`
Интерфейс DOM	`HTMLElement`

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

Спецификация
Стандарт HTML # the-footer-element

Совместимость с браузерами

	Рабочие столы					Мобильные устройства
	Chrome	Edge	Firefox	Opera	Safari	Chrome Android	Firefox для Android	Opera Android	Safari на IOS	Samsung Internet	WebView Android
`footer`	5	12	4	11.1	5	18	4	11.1	4.2	1.0	4.4

См. также

Другие элементы, связанные с разделами: <body>, <nav>, <article>, <aside>, h1, h2, h3, h4, h5, h6, <hgroup>, <header>, <section>, <address>;
Использование разделов и оглавления HTML
ARIA: Роль contentinfo

© 2005–2023 MDN contributors.
Licensed under the Creative Commons Attribution-ShareAlike License v2.5 or later.
https://developer.mozilla.org/en-US/docs/Web/HTML/Element/footer