Атрибут title тега <table>
Описание
Атрибут title добавляет всплывающую подсказку (tooltip) к элементу <table>, которая появляется при наведении курсора. Это полезно для предоставления дополнительной информации о таблице.
<table title="Данные о продажах за 2025 год">
<tr>
<th>Месяц</th>
<th>Продажи</th>
</tr>
<tr>
<td>Январь</td>
<td>120 000 руб.</td>
</tr>
</table>
Особенности работы:
- Подсказка появляется при наведении курсора (задержка зависит от браузера)
- Поддерживает многострочный текст (используйте \n для переноса строк)
- Отображается поверх других элементов
- Стиль отображения зависит от браузера и ОС
Рекомендации:
- Используйте для кратких пояснений (50-100 символов)
- Дублируйте важную информацию в видимом тексте
- Проверяйте отображение на разных устройствах
- Для сложных подсказок используйте JavaScript-решения
Ограничения:
- Не доступен на сенсорных устройствах
- Не может быть стилизован средствами CSS
- Может конфликтовать с кастомными тултипами
- Не заменяет атрибуты доступности (aria-label)
Пример с переносом строк:
<table title="Данные обновлены: 2025-12-15\nИсточник: CRM система\nВерсия: 2.4.1">
<tr>
<td>Многострочная подсказка</td>
</tr>
</table>
Примечание: Для важной информации, которая должна быть всегда доступна, используйте элемент <caption> внутри таблицы.