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

Описание

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

Пример использования:
<table border="1"> <tr> <td title="Средняя цена за последние 3 месяца">150.00 руб.</td> <td title="Данные обновлены 15.05.2025">Статистика</td> </tr> </table>

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

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

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

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

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

<table> <tr> <td title="Дата: 15.05.2025\nИсточник: CRM\nСтатус: проверено"> Данные </td> </tr> </table>

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

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

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