Почему альтернативный текст HTML-изображения не отображается при наведении

В отличие от браузера Microsoft Internet Explorer, Mozilla Firefox, Google Chrome и другие браузеры не отображают текст, используемый в атрибуте alt, при наведении курсора на изображение. Альтернативный текст предназначен для отображения на странице, когда изображение не загружается, тогда как текст заголовка предназначен для отображения всплывающего текста для загружаемых изображений. Firefox, Chrome и другие браузеры (кроме Internet Explorer) следуют стандартам W3C для HTML, в которых говорится, что изображение должно иметь атрибут заголовка для всплывающего текста. По этой причине эти браузеры не отображают альтернативный текст при наведении курсора на изображение.

Если вы хотите, чтобы всплывающий текст появлялся при наведении курсора мыши на изображение, добавьте «заголовок» в тег HTML img, как показано в приведенном ниже примере кода.

Изображение только с атрибутом alt.
(Не показывает текст всплывающей подсказки.)

Пример альтернативного текста

Пример альтернативного текста
Изображение с атрибутами alt и title.
(Показывает текст всплывающей подсказки с помощью мыши.)

Пример альтернативного текста

Если вы используете Mozilla Firefox или Google Chrome, первый пример не отображает всплывающий текст только с атрибутом alt в коде. Однако добавление атрибута title, как видно во втором примере, отображает всплывающий текст, когда указатель мыши находится над изображением.

Ссылка на основную публикацию
Adblock
detector