НАЙКРАЩИЙ САЙТ ДЛЯ ВЕБ-РОЗРОБНИКІВ
HTML5. W3Schools українською. Повний довідник тегів

En

HTML Тег <footer>


Приклад

Розділ нижнього колонтитула в документі:

<footer>
  <p>Author: Hege Refsnes</p>
  <p><a href="mailto:hege@example.com">hege@example.com</a></p>
</footer>
Спробуйте самі »

Більше прикладів "Спробуйте самі" далі.


Визначення та використання

Тег <footer> визначає нижній колонтитул для документа або розділу.

Елемент <footer> зазвичай містить:

  • інформація про авторство
  • інформація про авторські права
  • контактна інформація
  • карта сайту
  • посилання на початок списку
  • пов’язані документи

Ви можете мати декілька елементів <footer> в одному документі.


Поради та нотатки

Порада: Контактна інформація всередині елемента <footer> має міститися всередині тегу <address>.


Підтримка браузерами

Числа в таблиці вказують на першу версію браузера, яка повністю підтримує елемент.

Елемент
<footer> 5.0 9.0 4.0 5.0 11.1

Глобальні атрибути

Тег <footer> також підтримує Глобальні атрибути в HTML.


Атрибути подій

Тег <footer> також підтримує Атрибути подій в HTML.


Більше прикладів

Приклад

Використовуйте CSS для стилізації елемента <footer>:

<html>
<head>
<style>
footer {
  text-align: center;
  padding: 3px;
  background-color: DarkSalmon;
  color: white;
}
</style>
</head>
<body>

<footer>
  <p>Author: Hege Refsnes<br>
  <a href="mailto:hege@example.com">hege@example.com</a></p>
</footer>

</body>
</html>
Спробуйте самі »

Пов’язані сторінки

HTML DOM довідник: Об’єкт Footer


CSS налаштування за замовчуванням

Більшість браузерів будуть відображати елемент <footer> з наступними значеннями за замовчуванням:

footer {
  display: block;
}