Добавить текст наведения без javascript, как мы наводим на репутацию пользователя

В stackoverflow, когда мы наводим на репутацию пользователя, мы видим текст. Я видел это во многих местах, и исходный код подсказывает мне, что это можно сделать без js. И я попробовал и получил только это -

 <div="text">hover me</div>

Ответ 1

Используйте атрибут title, например:

<div title="them hoverin' words">hover me</div>

Ответ 2

Зачастую я добираюсь до аббревиатуры html-тега в этой ситуации.

<abbr title="Hover">Text</abbr>

https://www.w3schools.com/tags/tag_abbr.asp

Ответ 3

Атрибут title также хорошо работает с другими элементами html, например ссылкой...

<a title="hover text" ng-href="{{getUrl()}}"> download link
</a>

Ответ 4

Вы ищете подсказку

Для основной подсказки вы хотите:

<div title="This is my tooltip">

Для более удобной версии javascript вы можете посмотреть:

http://www.designer-daily.com/jquery-prototype-mootool-tooltips-12632

В приведенной выше ссылке приведены 12 вариантов всплывающих подсказок.