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;
}
