ИНФОРМАЦИЯ,    ДИЗАЙН,    ПЕРЕВОДЫ,    РЕКЛАМА   .   .   .
w a p - с а й т
Информационный портал
Сегодня:  
admin@aranea.ru
+79068922256

  aranea.ru || Спецификация HTML 4.01 | 13. Элементы Object, Image и Applet

13. Элементы Object, Image и Applet

13.2 Включение изображений: элемент IMG

<!-- To avoid problems with text-only UAs as well as 
   to make image content understandable and navigable 
   to users of non-visual UAs, you need to provide
   a description with ALT, and avoid server-side image maps -->
<!ELEMENT IMG - O EMPTY                -- Embedded image -->
<!ATTLIST IMG
  %attrs;                              -- %coreattrs, %i18n, %events --
  src         %URI;          #REQUIRED -- URI of image to embed --
  alt         %Text;         #REQUIRED -- short description --
  longdesc    %URI;          #IMPLIED  -- link to long description
                                          (complements alt) --
  name        CDATA          #IMPLIED  -- name of image for scripting --
  height      %Length;       #IMPLIED  -- override height --
  width       %Length;       #IMPLIED  -- override width --
  usemap      %URI;          #IMPLIED  -- use client-side image map --
  ismap       (ismap)        #IMPLIED  -- use server-side image map --
  >

Начальный тег: обязательный, конечный тег: запрещенный

Определение атрибутов

src = uri [CT]
Этот атрибут определяет размещение ресурса изображения. Примеры широко используемых форматов изображения включают GIF, JPEG и PNG.
longdesc = uri [CT]
Этот атрибут определяет связь с длинным описанием изображения. Это описание должно дополнять короткое описание, предоставленное атрибутом alt. Когда изображение имеет связанную карту изображения (image map), этот атрибут необходим для предоставления информации о содержании карты изображения. Это важно, в частности, для серверных карт изображений (server-side image map). Поскольку элемент IMG может быть внутри содержания элемента A, то механизм устройства вывода в интерфейсе пользователя для доступа к ресурсу "longdesc" последнего должен отличаться от механизма для доступа к ресурсу href.
name = cdata [CI]
Этот атрибут дает имя элементу, чтобы на него можно было ссылаться из стилевой таблицы или сценария. Обратите внимание. Этот атрибут включен для обратной совместимости. Приложениям следует использовать атрибут id для идентификации элементов.

Атрибуты, определенные в другом месте

  • id, class
  • alt
  • lang, dir
  • title
  • style
  • onclick, ondblclick, onmousedown, onmouseup, onmouseover, onmousemove, onmouseout, onkeypress, onkeydown, onkeyup
  • ismap, usemap
  • align, width, height, border, hspace, vspace

Элемент IMG вставляет изображение в текущий документ на месте определения. Элемент IMG не имеет содержания, он обычно замещается внутристрочно изображением, определенным атрибутом src, делается исключение для изображений, выровненных по левому или правому краю, которые "плавают" ("floated") в строке.

В предыдущем примере мы определяли связь с семейной фотографией. Ниже мы вставляем фотографию непосредственно в текущий документ:

<BODY>
<P>I just returned from vacation! Here's a photo of my family at the lake:
<IMG src="http://www.somecompany.com/People/Ian/vacation/family.png"
     alt="A photo of my family at the lake.">
</BODY>

Это включение может быть достигнуто с помощью элемента OBJECT следующим образом:

<BODY>
<P>I just returned from vacation! Here's a photo of my family at the lake:
<OBJECT data="http://www.somecompany.com/People/Ian/vacation/family.png"
        type="image/png">
A photo of my family at the lake.
</OBJECT>
</BODY>

Атрибут alt устанавливает альтернативный текст, который появляется тогда, когда изображение не может выводиться на дисплей (смотрите ниже информацию о том, как определить альтернативный текст). Устройства вывода должны выводить альтернативный текст, когда они не могут поддерживать изображения, определенный тип изображений, или когда они сконфигурированы не выводить изображения на дисплей.

Следующий пример показывает, как атрибут longdesc может использоваться для связи с более широким описанием:

<BODY>
<P>
<IMG src="sitemap.gif"
     alt="HP Labs Site Map"
     longdesc="sitemap.html">
</BODY>

Атрибут alt предоставляет короткое описание для изображения. Этого достаточно для пользователя, чтобы решить, хочет ли он следовать ссылке, данной атрибутом longdesc для длинного описания, здесь - файл "sitemap.html".

Обратитесь к разделу по визуальной презентации объектов, изображений и апплетов для получения информации о размере, выравнивании и границах изображения.


← Назад | Вперед →
Copyright © 2006 -  aranea.ru