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

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

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

Ответы на вопрос(4)

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

<a title="hover text" ng-href="{{getUrl()}}"> download link
</a>
Решение Вопроса

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

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

или же:

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

 13 июн. 2012 г., 22:35
Да, если вы посмотрите на исходный код репутации, вы увидите, что для атрибута title установлено значениеreputation score.
 02 июл. 2013 г., 19:45
@Kevin Это решение на самом деле лучше, чем решение JavaScript, поскольку оно будет работать в браузерах с отключенным JavaScript, а также добавляет подсказку для программ чтения с экрана о содержимом элемента.
 Ash13 июн. 2012 г., 22:34
это то же самое, когда мы находимся на репутации пользователя
 25 нояб. 2014 г., 20:12
@KevinMeredith Я бы сказал, что единственная мера, по которой решение JS было бы лучше, - это то, что вы не можете стилизовать текст, который появляется и остается только с собственной реализацией.
 07 янв. 2019 г., 10:44
@David d C e Freitas: спасибо за то, что осветлили StackOverflow, отредактировав этот ответ ... не знаю, как на самом деле пометить вас, ну да ладно

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

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

<div title="This is my tooltip">

Для более красивой версии javascript вы можете посмотреть:

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

Приведенная выше ссылка дает вам 12 вариантов подсказок.

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

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

 10 янв. 2019 г., 09:40
Этот элемент специально предназначен для обозначения сокращений, так что это не очень хорошая идея. Вы говорите системам преобразования текста в речь произносить это как сокращение. использование<span> если вы просто хотите всплывающий текст.

Ваш ответ на вопрос