Тег <img> – це елемент HTML, який використовується для вбудовування зображень на веб-сторінку. Це тег, що самозакривається, тобто він не вимагає закриває тега. Джерело зображення вказується за допомогою атрибута « src», який має бути URL-адресою, яка вказує на файл зображення. Атрибут « alt» використовується для надання альтернативного тексту зображення, яке відображається, якщо зображення не може бути завантажене або читається програмою читання з екрана. Атрибути « width» та « height» можуть використовуватися для вказівки розміру зображення в пікселях. Інші атрибути, що часто використовуються, включають «class»і «id» для стилів CSS і « align» для вирівнювання на сторінці.
Деякі інші атрибути, які можна використовувати з тегом <img>, включають:
- «
title»: надає додаткову інформацію про зображення, яка може відображатися у вигляді підказки під час наведення курсору миші на зображення. - «
usemap»: використовується разом із картами зображень, щоб вказати, які області зображення мають бути клікабельними. - «
loading»: це експериментальний атрибут, який дозволяє використовувати «lazy» або «eager» стратегію завантаження зображень. «eager»: цей атрибут використовується для налаштувань CORS під час завантаження зображення з іншого домену.
Важливо, що тег <img>завжди повинен включати атрибут « alt», оскільки він надає важливу інформацію для користувачів, які не можуть переглянути зображення, наприклад, для тих, хто використовує програми читання з екрана. Крім того, рекомендується включати атрибути ширини та висоти, оскільки це може підвищити продуктивність веб-сторінки, дозволяючи браузеру зарезервувати місце для зображення до завантаження.