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

Описание

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

Пример использования:
<p> В этом предложении <mark title="Этот термин означает важное понятие">ключевой термин</mark> содержит дополнительное объяснение. </p>

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

Ситуация Поведение
Наведение курсора Появляется всплывающая подсказка
На мобильных устройствах Подсказка может не отображаться (зависит от браузера)
Доступность Читается скринридерами как дополнительная информация

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

  • Краткость (50-100 символов)
  • Дополнительная информация, а не повторение текста
  • Четкие и полезные сведения
  • Избегайте технического жаргона

Пример с разметкой терминов:

<p> В биологии <mark title="Основная структурная единица живых организмов">клетка</mark> является фундаментальным понятием, так же как <mark title="Совокупность всех генов организма">геном</mark> в генетике. </p>

Ограничения и совместимость:

  • Не поддерживает HTML-разметку внутри подсказки
  • Время отображения зависит от системы пользователя
  • Не заменяет атрибут alt для изображений
  • Для сложных подсказок используйте JavaScript-решения

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