Додайте текст наведення курсора без javascript, як ми наводимо репутацію користувача

Під час stackoverflow, коли ми наводимо репутацію користувача, ми бачимо текст. Я бачив це в багатьох місцях, і вихідний код підказує мені, що це можна зробити без js. І я спробував і отримав лише це-

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

Використовуйте titleатрибут, наприклад:

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

або:

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

Атрибут заголовка також добре працює з іншими елементами html, наприклад, з посиланням ...

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

У цій ситуації часто я добираюся до тега абревіатури html.

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

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

Ви шукаєте підказку

Для основної підказки потрібно:

<div title="This is my tooltip">

Для більш привабливої ​​версії JavaScript ви можете переглянути:

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

Наведене вище посилання дає 12 варіантів підказок.