Атрибут title тега <tbody>

Описание

Атрибут title для элемента <tbody> добавляет всплывающую подсказку (tooltip), которая появляется при наведении курсора на группу строк таблицы. Это полезно для предоставления дополнительной информации о содержимом секции таблицы.

Пример использования:
<table> <tbody title="Данные за 1 квартал 2025 года"> <tr> <td>Январь</td> <td>120 000 руб.</td> </tr> <tr> <td>Февраль</td> <td>150 000 руб.</td> </tr> </tbody> </table>

Особенности работы:

  • Подсказка появляется при наведении на любую часть <tbody>
  • Поддерживает многострочный текст (используйте \n для переноса строк)
  • Стиль отображения зависит от браузера и операционной системы
  • Не отображается на сенсорных устройствах

Рекомендации по использованию:

Сценарий Рекомендация Пример
Описание данных Краткая информация о содержимом title="Продажи по регионам"
Методология Как были получены данные title="Данные из CRM системы"
Предупреждения Важные примечания title="Предварительные данные"

Пример с переносом строк:

<table> <tbody title="Данные обновлены: 2025-03-15\nИсточник: CRM система\nСтатус: предварительные"> <tr><td>Пример данных</td></tr> </tbody> </table>

Ограничения и рекомендации:

  • Не заменяет элемент <caption> для основного описания таблицы
  • Для важной информации используйте видимые элементы
  • Избегайте длинных текстов (более 100 символов)
  • Не поддерживает HTML-разметку внутри подсказки
  • Используйте для дополнительной, необязательной информации
  • Сочетайте с aria-label для улучшения доступности
  • Тестируйте отображение в разных браузерах

Примечание: Для сложных всплывающих подсказок с форматированием рассмотрите использование JavaScript-библиотек типа Tooltip.js или Popper.js.