Пример
Нижний колонтитул в документе:
<footer>
<p>Автор: 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>Автор: 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;
}