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

Описание

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

Пример использования:
<table> <tr title="Данные за 2025 год | Статус: активен"> <td>Иван Иванов</td> <td>35 проектов</td> </tr> </table>

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

  • Подсказка появляется при наведении курсора (hover)
  • Поддерживает многострочный текст (используйте \n для переноса)
  • Не отображается на мобильных устройствах при обычном касании
  • Может использоваться для улучшения доступности

Рекомендации по содержимому:

Тип информации Пример Рекомендации
Дополнительные данные "ID: 12345\nДата создания: 2025-01-15" Используйте для мета-информации
Пояснения "Сумма включает НДС 20%" Для уточнения значений
Статусы "Запись ожидает проверки" Когда статус не виден явно

Пример с многострочной подсказкой:

<table> <tr title="ID: 78910\nДата регистрации: 2022-05-15\nСтатус: премиум"> <td>Алексей Петров</td> <td>50 проектов</td> </tr> </table>

Ограничения и лучшие практики:

  • Не полагайтесь только на title для важной информации
  • Избегайте длинных текстов (подсказка может обрезаться)
  • Для сложных подсказок используйте JavaScript-решения
  • Дублируйте критичную информацию в видимом содержимом

Accessibility-советы:

  • Скринридеры обычно объявляют содержимое title
  • Для важной информации используйте видимые элементы
  • Сочетайте с ARIA-атрибутами при необходимости

Альтернативные решения:

  • Кастомные тултипы через CSS/JavaScript
  • Дополнительные колонки с пояснениями
  • Всплывающие окна по клику
  • Скрытые/раскрываемые блоки с деталями

Примечание: В современных интерфейсах предпочтительнее использовать специализированные компоненты для отображения дополнительной информации, а не полагаться на атрибут title.