Атрибут alt
Последнее обновление: 04.12.2009
Атрибут alt — определяет альтернативный текст для агентов пользователей.
Данный текст будет показан браузером на месте того элемента, который не смог отобразить (например, не смог найти изображение или изображения отключены в браузере пользователя). Голосовые же браузеры, произнесут в слух альтернативный текст, чтобы пользователь имел представление, что изображено на картинке. Таким образом ты повышаешь информативность об элементе.
чувствуешь разницу?
Тип значения | текст, CDATA |
---|---|
Значение по умолчанию | Нет |
Применим к: | |
Аналог в CSS | Нет |
Пример
<img src="path-to/pic.gif" alt="текст, поясняющий, что отображено на картинке" />
Твой код:
Результат:
большой полигон
Заметки
Для элементов <img> и <area> атрибут alt обязателен.
Атрибут alt играет важную роль в поисковой оптимизации сайта, выступает в роли главного критерия индексации картинок.
Рекомендации:
- не используйте alt для декоративных изображений. Если таковые по каким-то причинам не получается убрать в CSS, оставляйте alt пустым
- описывайте в alt, то, что изображено на картинке (для img / area) или назначение элемента (input / applet)
- не делайте содержимое alt и title одинаковыми — у этих атрибутов разное назначение
- старайтесь, чтобы фраза в alt содержала ключевые слова
- дополнительный вес получат ключевые слова в alt, если из картинки сделать ссылку
- текст должен быть кратким (помнишь, что каждый символ увеличивает вес страницы)
По теме
Теги: атрибуты HTML