Чат Telegram
Группа ВКонтакте
Подсказка при наведении на ссылку: как сделать

Всплывающая подсказка для ссылок

Всем привет. Сегодня поговорим о всплывающих подсказках для наших ссылок.

Подсказки следует использовать для того, чтобы пользователям было проще ориентироваться на странице, и была возможность узнать, что представляет собой ссылка до ее открытия. Также достаточно часто подсказки применяются при создании ссылок в виде картинок.

Всплывающую подсказку можно закрепить за конкретной ссылкой, используя для этого атрибут title.

Вот как это выглядит на практике:

<a title="Подсказка" href="http://myproject.loc">Ссылка</a>

Чтобы увидеть подсказку, достаточно навести курсор мышки на ссылку, и задержать его над ней на некоторое время.

Вот так это выглядит в браузере:
Ссылка с подсказкой

Подсказки имеет смысл использовать для ссылок-кнопок. Например, если вы наведёте на кнопку "Следующий урок" под данной статьёй, то увидите всплывающую подсказку с названием урока.

loader
Логические задачи с собеседований