Запропонувати правкуПокращити цю статтюДопрацюйте відповідь до «Що станеться, якщо зображення не знайдено за вказаним шляхом?». Ваші зміни проходять модерацію перед публікацією.Потрібне підтвердженняКонтентЩо ви змінюєте🇺🇸EN🇺🇦UAПереглядЗаголовок (UA)Коротка відповідь (UA)Якщо браузер **не може знайти зображення** за шляхом, вказаним в атрибуті `src`, він не завершить завантаження і виконає резервну поведінку: покаже порожній простір або значок «зламаного зображення». **Ключове:** якщо заданий атрибут `alt`, браузер відображає його текст замість картинки, і цей текст можуть озвучити екранні диктори та врахувати пошукові системи.Показується над повною відповіддю для швидкого нагадування.Відповідь (UA)ЗображенняЯкщо браузер **не може знайти зображення** за шляхом, вказаним в атрибуті `src`, він не завершить завантаження і виконає **резервну поведінку**: --- ### 1. Браузер спробує завантажити зображення Він надішле HTTP-запит за адресою, вказаною в `src`: ```javascript GET /img/photo.jpg ``` Якщо сервер відповість помилкою (наприклад, **404 Not Found**, **403 Forbidden**, **500 Internal Server Error**) або файл фізично відсутній, браузер **не зможе відобразити картинку**. --- ### 2. Відображається «зламане зображення» Замість картинки браузер показує **порожній простір** або **іконку помилки**: зазвичай маленький значок із хрестиком, розірваним файлом або написом «image not found». Візуально це виглядає так: такий значок або порожнє місце з контуром. --- ### 3. Якщо заданий атрибут `alt`, показується його текст Якщо в елементі `<img>` є атрибут `alt`, браузер виведе **цей текст** на місці недоступного зображення: ```html <img src="notfound.jpg" alt="Фото тимчасово недоступне"> ``` На екрані з'явиться: ```javascript Фото тимчасово недоступне ``` Користь: - користувач розуміє, що там мало бути зображення; - екранні диктори можуть озвучити цей текст; - пошукові системи враховують `alt` під час індексації. --- ### 4. Приклад без `alt` ```html <img src="missing.jpg"> ``` Якщо файл не знайдено, користувач побачить **порожнє місце** або **значок помилки**, але не зрозуміє, що там мало бути. --- ### 5. Поведінка за різних видів помилок - Якщо шлях неправильний → браузер не може знайти ресурс. - Якщо формат пошкоджений → браузер не може декодувати зображення. - Якщо сервер недоступний → завантаження «зависає» і потім переривається. У всіх випадках візуальний результат один: **зображення не відображається**, і використовується `alt` (якщо є). --- ### Підсумок: | Ситуація | Що робить браузер | |---|---| | Зображення знайдено | Завантажує і показує картинку | | Файл не знайдено (404) | Показує іконку «зламаного зображення» | | Вказано `alt` | Відображає текст з `alt` замість картинки | | `alt` відсутній | Просто порожнє місце | | Формат пошкоджений | Помилка відображення, іконка збою | --- **Простими словами:** якщо браузер не знайшов картинку, він показує **нічого** або **значок помилки**, а якщо ти додав `alt`, то виведе **твій текст замість зображення**.Для рев’юераПримітка для модератора (необов’язково)Бачить лише модератор. Прискорює рев’ю.