Полезные советы по CSS и HTML

В браузере Firefox при наведении курсора мыши на изображение не выводится всплывающая подсказка, созданная через параметр alt. Как сделать такую подсказку в этом браузере?

Параметр alt предназначен для людей, у которых загрузка картинок отключена и поисковых систем, чтобы они «понимали», что изображено на рисунке. В этом случае вместо рисунков отображается прямоугольник с текстом, который и берется из значения параметра alt. Браузер Internet Explorer также применяет этот параметр для создания всплывающей подсказки, что, по сути, не является верным, поскольку для этой цели предназначен атрибут title. Так как альтернативный текст (так называется значение параметра alt) по спецификации HTML является обязательным к добавлению, то для создания всплывающей подсказки следует для тега <IMG> одновременно указать alt и title.

Пример

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=windows-1251">
<title>Всплывающая подсказка</title>
</head>
<body>
<img src="sample.gif" width="100" height="100" alt="Пример" title="Пример">
</body>
</html>

Заметьте, что значения атрибутов alt и title могут как совпадать, так и различаться меж собой. Это зависит уже от целей разработчика и его намерений.

Учебник по HTML и CSS

HTML

CSS

Статьи

Полезное

Полезные советы по CSS и HTML