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

Описание

Атрибут title добавляет всплывающую подсказку к элементу <p>, которая появляется при наведении курсора. Подсказка обычно отображается в небольшом желтом прямоугольнике рядом с элементом.

Пример использования:
<p title="Это всплывающая подсказка"> Наведите курсор на этот текст, чтобы увидеть подсказку </p>

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

Платформа Поведение Время появления
Десктопные браузеры Подсказка появляется при наведении Обычно через 0.5-1 секунду
Мобильные устройства Часто не отображается (нет события hover) -

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

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

Пример с форматированием:

<p title="Первая строка\nВторая строка\nТретья строка"> Подсказка с переносами строк </p>

Советы для SEO:

  • Поисковые системы учитывают текст в title, но не придают ему большого веса
  • Используйте естественные, релевантные подсказки без спама
  • Не используйте title как замену alt-тексту для изображений

Ограничения:

  • Нельзя стилизовать стандартную подсказку средствами CSS
  • На мобильных устройствах обычно не работает
  • Некоторые браузеры обрезают длинный текст

Примечание: Для более сложных и стилизованных подсказок рассмотрите использование CSS-решений (псевдоэлементы) или JavaScript-библиотек (tooltip.js, tippy.js и др.), которые дают больше контроля над отображением.