ProgrammerBook.ru: Обратите внимание, что

  1. данный документ является переводом документа «The IMG (Image) Element»;
  2. данный документ может содержать неточности, опечатки и ошибки перевода;
  3. официальным документом по данной тематике является оригинальный документ на английском языке, расположенный на сайте W3C.

Элемент IMG (Изображение)

Допустимый Контекст: %text
Модель Содержимого: Пусто!

Тег <IMG> используется для включения встроенной графики (как правило, значки или небольшая графика) в HTML-документ. Этот элемент не предназначен для встраивания другого HTML текста. Для встраивания больших рисунков с подписями и текстовым потоком смотрите элемент FIG.

Пример:

<IMG SRC="tajmahal.gif" ALT="Тадж-Махал">

Браузеры, которые не могут отображать встроенные изображения игнорируют элемент IMG, если он не содержит атрибут ALT. Обратите внимание, что некоторые браузеры могут отображать (или печатать), присоединяемую, а не встроенную графику. Если графика имеет важное значение, вы можете создать ссылку на неё, а не указывать её в виде встроенной графики. Если графика по существу является декоративной, то IMG для этого также подходит.

Допустимые Атрибуты

ID
SGML-идентификатор используется в качестве цели для гипертекстовых ссылок или для именования отдельных элементов в присоединённых таблицах стилей. Идентификаторы NAME лексем должны быть уникальными в рамках текущего документа.
LANG
Это одна из кратких меток ISO стандарта языка, например «en.uk» для варианта английского языка используемого в Соединённом Королевстве. Он может быть использован обработчиками при выборе конкретного языкового варианта кавычек, лигатур, правил переноса и так далее. Атрибут языка состоит из двухбуквенного кода языка, соответствующего стандарту ISO 639, в случае необходимости, за которым следует точка и двухбуквенный код страны, соответствующий стандарту ISO 3166.
CLASS
Это разделённый пробелами список SGML NAME лексем, которые используются для именования подклассов тега. По соглашению, имена классов интерпретируются иерархически, с самого общего класса слева до наиболее специфичного справа, где классы разделены точкой. Атрибут CLASS чаще всего используется для прикрепления другого стиля к некоторому элементу, но это является рекомендацией, чтобы практические имена классов были выбраны на основе семантики элемента, так как это позволит использование для других целей, таких как ограничение поиска по документам путём сопоставления имён классов элемента. Соглашения по выбору имён классов выходят за рамки данной спецификации.
SRC (Источник)
Атрибут SRC определяет URL-адрес изображения для встраивания. Его синтаксис такой же, как у атрибута HREF тега <A>. SRC является обязательным.
MD
Определяет сообщение дайджеста или криптографическую контрольную сумму для соответствующей графики, определённой в атрибуте SRC. Он используется, когда вы хотите быть уверены в том, что изображение действительно является тем самым, который был задуман автором, и не был изменён каким-либо образом. Например, MD="md5:jV2OfH+nnXHU8bnkPAad/mSQlTDZ", определяет контрольную сумму MD5, закодированную в виде base64 строки символов. Атрибут MD, как правило, допускается для всех элементов, которые поддерживают ссылки с использованием URI.
WIDTH
Дополнительная предлагаемая ширина изображения. По умолчанию, атрибут задаётся в пикселях.
HEIGHT
Дополнительная предлагаемая высота изображения. По умолчанию, атрибут задаётся в пикселях.
UNITS
Этот дополнительный атрибут определяет единицы измерения для width и height атрибутов. Он может принимать одно из следующих значений: units=pixels (по умолчанию) или units=en (половина размера точки).
ALIGN
Принимает значения TOP, MIDDLE или BOTTOM, определяющие, какую часть графики (верхнюю, среднюю или нижнюю) следует выровнить по базовой линии текстовой строки, в которой появляется элемент IMG.

При ALIGN=LEFT, графика будет обтекаема снизу и будет выровнена по текущему левому полю, а последующий текст будет окружать графику справа. Аналогично для ALIGN=RIGHT, графика будет выровнена по текущему правом полю, а текст будет окружать его слева. Было бы неправильно использовать эту функцию для больших графических объектов, поскольку их лучше всего репрезентировать с помощью элемента FIG.

ALT (Альтернативный текст)
Дополнительный альтернативный текст, используемый в качестве альтернативы графике для демонстрации в текстовой среде. Альтернативный текст может содержать сущности, например, для представления символов акцентирования или специальных символов, но он не может содержать разметку. Последнее возможно, но только в элементе FIG.
ISMAP
Карта изображения представляет собой графическую карту, с помощью которой пользователи могут прозрачно перемещаться из одного информационного ресурса в другой. Атрибут ISMAP обозначает изображение в качестве карты-изображения. Элемент IMG затем может быть использован в качестве метки для гипертекстовой ссылки (смотрим якорный элемент). Когда пользователь нажимает на изображение, место нажатия отправляется серверному обработчику, указанному в гипертекстовой ссылке.

Например:

<A HREF="http://machine/htbin/imagemap/sample">
<IMG SRC="sample.gif" ISMAP></A>

Примечание: Есть и недостатки заключающиеся в необходимости серверный обработки нажатий на изображения: задержка в получении обратной связи и невозможность изменить указатель курсора на лету, когда он движется над горячими зонами. Так же возможна обработка событий на стороне клиента, при соблюдении одного из следующих условий: