Логотип schoolsw3.com
Учебники Справочники Упражнения КАК? Меню

×
Учебники
Справочники
Упражнения
Пожертвовать Обновление Реклама Видео Магазин

HTML Тег <footer>



Пример

Нижний колонтитул в документе:

<footer>
  <p>Автор: Щипунов Андрей</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>Автор: Щипунов Андрей<br>
  <a href="mailto:hege@example.com">hege@example.com</a></p>
</footer>

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

Связные страницы

HTML DOM reference: Объект footer


Настройки CSS по умолчанию

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

footer {
  display: block;
}