HTML <footer> тег

  • Предыдущая страница <font>
  • Следующая страница <form>

Определение и использование

<footer> теги определяют страницу или раздел подвал (footer) документа.

<footer> Элементы обычно содержат:

  • Информация об авторе
  • Информация о правах собственности
  • Контактная информация
  • Карта сайта
  • ссылка на верхнюю часть страницы
  • связанных страниц

Вы можете включить несколько <footer> Элементы.

Дополнительная литература:

Руководство по HTML DOM:Объект Footer

Пример

Пример 1

Часть подвал (footer) документа:

<footer>
  <p>Автор: Bill Gates</p>
  <p><a href="mailto:bill@example.com">bill@example.com</a></p>
</footer>

Попробуйте сами

Пример 2

Использование CSS для настройки <footer> стиль:

<html>
<head>
<style>
footer {
  text-align: center;
  padding: 3px;
  background-color: DarkSalmon;
  color: white;
}
</style>
</head>
<body>
<footer>
  <p>Автор: Bill Gates<br>
  <a href="mailto:bill@example.com">bill@example.com</a></p>
</footer>
</body>
</html>

Попробуйте сами

Советы и комментарии

Совет:<footer> Контактная информация в элементе должна быть размещена <address> в теге.

Глобальные свойства

<footer> Тег также поддерживает Глобальные свойства в HTML.

свойства событий

<footer> Тег также поддерживает Свойства событий в HTML.

Стандартные настройки CSS

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

footer {
  display: block;
}

Поддержка браузерами

Числа в таблице указывают на версию первого браузера, который полностью поддерживает этот элемент.

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
5.0 9.0 4.0 5.0 11.1
  • Предыдущая страница <font>
  • Следующая страница <form>