В этой статье мы продемонстрируем два полезных метода добавления всплывающего текста в HTML без использования JavaScript:
Способ 1: добавьте текст при наведении через элемент «div»
Текст при наведении можно добавить, просто используя « <дел> » элемент с « заголовок ” атрибут в открытии “ <тег> ». Разработчику необходимо добавить текст при наведении в атрибут «title» внутри « <дел> ” открывающий тег и элемент HTML добавляется между открывающим и закрывающим “ <дел> ” теги. Текст внутри « <дел> Элемент контейнера может быть любого типа. Например, « ' заголовок, ' <р> », элемент абзаца или простой текст.
Пример
Давайте напишем простой пример, чтобы добавить « <дел> », чтобы добавить текст при наведении курсора на элемент HTML:
< див заголовок '=' 'Это текст при наведении' > Наведи меня! < / див >
Согласно приведенному выше коду:
- А “ <дел> » был добавлен элемент « заголовок ” атрибут в открытии “ <дел> ' ярлык.
- “ заголовок ” содержит текст, который должен отображаться, когда пользователь наводит курсор мыши на текст.
- Между открытием и закрытием» <дел> ” tags — это текст, который будет отображаться в интерфейсе, при наведении на который будет отображаться текст при наведении.
В добавленном выше примере будет отображаться следующий вывод:
Способ 2: добавить текст при наведении через элемент «span»
Текст при наведении также можно добавить с помощью « <диапазон> ” в HTML. Все, что для этого требуется, — это добавить текст при наведении в атрибут title и фактический элемент HTML, для которого текст при наведении добавляется между открытием и закрытием « <диапазон> ” теги.
Пример
Давайте добавим простой пример, чтобы вставить « <диапазон> » в документе HTML с целью добавления текста при наведении на элемент HTML:
< охватывать заголовок '=' 'Это текст при наведении' >Наведите на меня!< / охватывать >В приведенном выше примере:
- А “ <диапазон> » был добавлен элемент « заголовок ” атрибут внутри проёма ” <диапазон> ' ярлык.
- “ заголовок ” содержит текст, который должен отображаться при наведении курсора мыши.
- Между открытием и закрытием» <диапазон> ” tags — это текст, который будет отображаться пользователю, при наведении на который будет отображаться текст при наведении.
Выход
Это суммирует возможные методы добавления всплывающего текста без использования JavaScript.
Заключение
Текст при наведении можно легко добавить в HTML, не требуя использования функций JavaScript. Разработчик должен использовать либо « <дел> » элемент или « <диапазон> », который создает элемент HTML, а затем добавляет атрибут title, определяющий текст при наведении. Этот пост является хорошим руководством по добавлению текста при наведении без использования JavaScript.