Альты и титлы в изображениях

Начну с примера.

<a href="/"><img alt="Главная страница" src="home.gif"></a>

«Ну что это еще может быть, как не картинка, ведущая на главную страницу сайта», — скажете вы и будете правы:

Но, как говорится: «Доверяй, но проверяй».

Internet Explorer: отображает alt изображения при наведении.

Opera, Mozilla, Mozilla Firefox, Netscape: ничего не отображают, и правильно делают.

Вот он. Геморрой. Зачем Internet Explorer отображает alt у изображения, которое и так видно?

Alt — определяет текст, отображаемый браузером на месте изображения, если браузер не может найти файл с изображением или включен в текстовый режим.

Так написано в любом справочнике, который, по ходу дела, разработчики Internet Explorer (всех его версий) читали, пропуская главы :-)

В большинстве случаев кодеры пишут alt аналогично приведенному примеру, не думая, где он будет торчать.

Чтоб не торчало:

<a href="/"><img alt="Главная страница" src="home.gif" titlе="Главная страница"></a>

Теперь любой браузер отобразит при наведении на изображение title.

Здравый смысл

Если размеры изображения меньше, чем содержание тега alt, то лучше его не указывать, оставить пустым (alt="").
В моем небольшом примере, в этом случае правильнее будет писать так:

<a href="/"><img alt="" src="home.gif" titlе="Главная страница"></a>

То же самое можно применять и без ссылки.

Возможен вариант, когда требуется title задать для самой ссылки:

<a href="/" titlе="Главная страница"><img alt="" src="home.gif"></a>

По этой причине не имеет смысла код:

<a href="/" titlе="Главная страница"><img alt="" src="home.gif" titlе="Главная страница"></a>

Мотаем на ус