Атрибут title тега <center>
Описание
Атрибут title для тега <center> задает всплывающую подсказку (tooltip), которая появляется при наведении курсора на элемент. Это текстовое пояснение, которое помогает пользователям понять назначение элемента.
<center title="Это важное сообщение, выделенное по центру">
Центрированный текст с подсказкой
</center>
Особенности работы:
| Платформа | Поведение | Время появления |
|---|---|---|
| Десктопные браузеры | Подсказка появляется при наведении | Обычно через 1-2 секунды |
| Мобильные устройства | Часто не поддерживается | - |
| Программы чтения с экрана | Могут озвучивать содержимое title | Немедленно |
Рекомендации по использованию:
- Используйте для кратких пояснений (не более 1-2 строк)
- Избегайте важной информации только в title - она может быть недоступна на мобильных устройствах
- Для сложного контента используйте современные тултипы (CSS/JS решения)
- Помните, что тег
<center>устарел - используйте CSS-центрирование
Пример с CSS-стилизацией:
<center title="Пример стилизованного тултипа"
style="border-bottom: 1px dotted; cursor: help;">
Текст с подсказкой (наведите курсор)
</center>
Доступность (a11y):
- Содержимое title может озвучиваться программами чтения с экрана
- Не полагайтесь только на title для передачи важной информации
- Для важных подсказок используйте видимые элементы
Современная альтернатива:
<div style="text-align: center;"
title="Современная замена с подсказкой">
Центрированный блок с CSS
</div>
Ограничения:
- Невозможно стилизовать стандартный тултип
- На мобильных устройствах подсказка часто не отображается
- Не поддерживает сложное форматирование (HTML-теги внутри)
- Время появления нельзя настроить
Пример с JavaScript:
<center id="custom-tooltip">
Элемент с кастомной подсказкой
</center>
<script>
const element = document.getElementById('custom-tooltip');
element.addEventListener('mouseover', () => {
console.log('Текст подсказки:', element.title);
});
</script>
Примечание: Хотя атрибут title работает с тегом <center>, для современной веб-разработки рекомендуется использовать CSS для центрирования и специализированные библиотеки для сложных тултипов.