Подсказка при наведении на ссылку: как сделать

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

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

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

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

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

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

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

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

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

Присоединяйтесь к нам в Twitter, ВКонтакте, Facebook и Google+, а также вступайте в наш чат в Telegram, чтобы не пропустить новые уроки и быть в курсе последних новостей из мира веб-разработки.