alt
Текстовая альтернатива картинке: читается программами чтения с экрана и показывается, если картинка не загрузилась.
Синтаксис
<img src="…" alt="What the image shows">Параметры
| Параметр | Тип | Описание |
|---|---|---|
| alt | text | Текстовая замена картинки. |
Примеры
Содержательная картинка, картинка-ссылка и декоративная:
<img src="/media/photo-200x200.jpg" alt="A bowl of dark roasted coffee beans" width="100">
<a href="/"><img src="/no-such-logo.png" alt="The Bean — home page" height="30"></a>
<img src="/media/photo-600x200.jpg" alt="" width="200">Примечания
Пишите, что важно на картинке в этом контексте, без слов «картинка» или «фото». У картинки-ссылки alt описывает, куда ведёт ссылка. Декоративным картинкам ставят пустой alt="" — тогда их пропускают. Совсем без alt программа чтения с экрана может прочитать имя файла.
См. также
- <img> — Картинка.
- src — Адрес встраиваемого файла у `<img>`, `<video>`, `<audio>`, `<script>`, `<iframe>`.
- <map>, <area> — Карта ссылок на картинке: разные области изображения ведут по разным адресам.
Вопросы и ответы по теме
В учебнике
- Изображения — Тег img, атрибуты src и alt, размеры, подпись figure и figcaption, форматы картинок и отложенная загрузка.