Атрибут title тега <footer>
Описание
Атрибут title добавляет всплывающую подсказку (tooltip) к элементу <footer>. Подсказка появляется при наведении курсора на футер и обычно содержит дополнительную информацию.
<footer title="Контактная информация и юридические данные">
<p>© 2025 Компания "Пример"</p>
</footer>
Особенности работы:
| Ситуация | Поведение |
|---|---|
| Наведение курсора | Появляется подсказка с задержкой |
| На мобильных устройствах | Может не работать или требовать долгого нажатия |
| Доступность | Читается скринридерами |
Практическое применение:
<footer title="Последнее обновление: 15.06.2025">
<p>© 2025 Все права защищены</p>
<p title="Номер лицензии: №123456">Лицензионное ПО</p>
</footer>
Рекомендации по использованию:
- Используйте для необязательной, но полезной информации
- Делайте текст кратким (1-2 предложения)
- Не дублируйте основной контент
- Избегайте важной информации только в title
Стилизация через CSS:
<style>
footer[title]:hover::after {
content: attr(title);
position: absolute;
background: #333;
color: white;
padding: 5px 10px;
border-radius: 3px;
font-size: 14px;
margin-top: 10px;
}
</style>
<footer title="Кастомная всплывающая подсказка">
Наведите для просмотра стилизованной подсказки
</footer>
Доступность и SEO:
- Читается скринридерами как дополнительная информация
- Не влияет напрямую на SEO
- Не должен заменять альтернативный текст для изображений
- Полезен для пояснения сокращений или специальных терминов
Ограничения:
- Не поддерживает сложное форматирование
- Время появления контролируется браузером
- Внешний вид зависит от ОС и браузера
- Может конфликтовать с кастомными tooltip-библиотеками
Примечание: Для футера сайта атрибут title может быть полезен для отображения дополнительной информации о копирайте, лицензиях или контактных данных, не загромождая основной контент. Однако не стоит полагаться исключительно на него для критически важной информации.