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