Объекты, изображения и апплеты
Объекты, изображения и апплеты
Содержание
Введение в объекты, изображения и апплеты
Функции мультимедиа языка HTML позволяют авторам включать в свои страницы изображения, апплеты (программы, которые автоматически загружаются и выполняются на машине пользователя), видеоклипы и другие документы в формате HTML.
Например, чтобы включить в документ изображение в формате PNG, авторы могут использовать следующий код:
<BODY> <P>Около Большого Каньона: <OBJECT data="canyon.png" type="image/png"> <EM>Около</EM> Большого Каньона. </OBJECT> </BODY>
В предыдущих версиях HTML авторы могли включать изображения (с помощью ) и апплеты (с помощью ). Эти элементы имеют несколько ограничений:
- Они не могут решить более общей проблемы - включение новых и возможных в будущем типов устройств.
- Элемент работает только с апплетами языка Java. Этот элемент теперь , вместо него используется элемент .
- Они вызывают проблемы доступности.
Для решения всех этих вопросов в HTML 4.0 вводится элемент , обеспечивающий всестороннее решение для включения объектов. Элемент позволяет авторам документов в формате HTML указывать всю информацию, необходимую для представления объекта агентом пользователя: исходный код, начальные значения и рабочие данные. В данной спецификации термин "объект" используется для описания всех объектов, которые Вы захотите включить в HTML-документы; другие термины: апплеты, подключаемые модули (plug-ins), дескрипторы устройств и т.д.
Новый элемент , таким образом, subsumes некоторые задачи, выполняемые существующими элементами. Рассмотрим следующую классификацию функций:
| Тип включения | Конкретный элемент | Общий элемент |
|---|---|---|
| Изображение | ||
| Апплет | (.) | |
| Другой документ HTML |
Из таблицы видно, что каждый тип включения имеет конкретное и общее решение. Общий элемент служит решением для использования возможных в будущем типов устройств.
авторы могут использовать элемент или элемент .
авторам следует использовать элемент , поскольку использование элемента .
авторы могут использовать новый элемент или элемент . В обоих случаях внедренный документ не зависит от основного документа. Визуальные агенты пользователей могут представлять внедренный документ в виде отдельного окна в основном документе. Для сравнения элементов и обратитесь к .
С изображениями и другими включаемыми объектами могут быть связаны ссылки, с помощью стандартных , а также и с помощью . На навигационной карте задаются геометрические области включаемого объекта, и каждой из них назначается ссылка. При активизации эти ссылки могут вызывать загрузку документа, запускать программу на сервере и т.д.
В следующих разделах мы обсудим различные механизмы, которые авторы могут использовать для включения мультимедиа и создания навигационных карт для этих объектов.
элемент
<!-Во избежание проблем с текстовыми агентами пользователей,
а также для того, чтобы включение изображений было понятно
пользователям невизуальных агентов и могло использоваться ими,
Вы должны указывать описания в элементе ALT и избегать использования
Серверных навигационных карт-->
<!ELEMENT - O EMPTY -- Внедренное изображение -->
<!ATTLIST IMG
-- , , --
#REQUIRED -- URI внедряемого изображения --
#REQUIRED -- краткое описание --
#IMPLIED -- ссылка на длинное описание
(дополняет alt) --
#IMPLIED -- переопределение высоты --
#IMPLIED -- переопределение ширины --
#IMPLIED -- использовать клиентскую
навигационную карту --
(ismap) #IMPLIED -- использовать серверную
навигационную карту --
>
Начальный тег: обязателен, Конечный тег: запрещен
Определения атрибутов
- =
- Этот атрибут задает местоположение изображения. Примерами широко распознаваемых форматов являются GIF, JPEG и PNG.
- =
- Этот атрибут определяет ссылку на длинное описание изображения. Это описание должно дополнять краткое описание, задаваемое атрибутом . Если с изображением связана , в этом атрибуте должна приводиться информация о ее содержимом. Это особенно важно для серверных навигационных карт.
Атрибуты, определенные в другом месте
- , ()
- ()
- (), ()
- ()
- ()
- , , , , , , , , , ()
- , ()
- , , , , , ()
Элемент внедряет изображение в текущий документ по адресу из определения элемента. Элемент не имеет содержимого; обычно он замещается изображением, назначаемым атрибутом , исключение при этом составляют выровненные влево или вправо изображения, которые out of line.
В приведенном ранее примере мы определили ссылку на семейную фотографию. Здесь мы вставим фотографию непосредственно в текущий документ:
<BODY>
<P>Я только что вернулся из отпуска! Вот фотография моей семьи на озере:
<img src="stat/html401/http://www.somecompany.com/People/Ian/vacation/family.png"
alt="Фотография моей семьи на озере.">
</BODY>
Этого же эффекта можно достичь с помощью элемента следующим образом:
<BODY>
<P>Я только что вернулся из отпуска! Вот фотография моей семьи на озере:
<OBJECT data="http://www.somecompany.com/People/Ian/vacation/family.png"
type="image/png">
Фотография моей семьи на озере.
</OBJECT>
</BODY>
Атрибут задает альтернативный текст, который генерируется, если изображение невозможно отобразить (информацию о том, , см. ниже ). Агенты пользователей должны генерировать альтернативный текст, если они не поддерживают изображение, если они не поддерживают определенный тип изображений или если они сконфигурированы так, чтобы не выводить изображений.
В следующем примере показано, как можно использовать атрибут longdesc для ссылки на более подробное описание:
<BODY>
<P>
<img src="stat/html401/sitemap.gif"
alt="Карта узла лабораторий HP"
longdesc="sitemap.html">
</BODY>
Атрибут задает краткое описание изображения. Его должно быть достаточно для того, чтобы пользователи могли решить, хотят ли они следовать по ссылке, определяемой атрибутом для более получения подробного описания, здесь это ссылка "sitemap.html".
Информацию о размере изображения, выравнивании и границах см. в разделе о .
элемент
<!ELEMENT - - (PARAM | )*
-- общий внедренный объект -->
<!ATTLIST OBJECT
-- , , --
(declare) #IMPLIED -- объявить, но не instantiate флаг --
#IMPLIED -- определяет применение --
#IMPLIED -- базовый URI для classid, data, archive--
#IMPLIED -- ссылка на данные объекта --
#IMPLIED -- тип содержимого для данных --
#IMPLIED -- тип содержимого для кода --
#IMPLIED -- разделенный пробелами список архивов --
#IMPLIED -- сообщение, отображаемое при загрузке --
#IMPLIED -- переопределение высоты --
#IMPLIED -- переопределение ширины --
#IMPLIED -- использовать клиентскую навигационную карту --
#IMPLIED -- представить в качестве части формы --
#IMPLIED -- положение в последовательности перехода --
>
Начальный тег: обязателен, Конечный тег: обязателен
Определения атрибутов
- =
- Этот атрибут может использоваться для указания местоположения объекта с помощью URI. Он может использоваться вместе с атрибутом или как альтернатива ему, в зависимости от типа объекта.
- =
- Этот атрибут определяет базовый путь, используемый для разрешения относительных адресов URI, задаваемых в атрибутах , и . Если этот атрибут отсутствует, значением по умолчанию является базовый адрес URI текущего документа.
- =
- Этот атрибут определяет тип содержимого данных, получения которых следует ожидать при загрузке объекта, задаваемого атрибутом . Этот атрибут не является обязательным, но рекомендуется, если используется атрибут , поскольку он позволяет агенту пользователя избежать загрузки информации для типа содержимого, который он не поддерживает. Если этот атрибут отсутствует, по умолчанию используется значение атрибута type.
- =
- Этот атрибут может использоваться для указания местоположения данных объекта, например, данных изображения для объектов, определяющих изображения, или в более общем случае - serialized формы объекта, который может использоваться для повторного его создания. Если дается относительный адрес URI, он должен интерпретироваться относительно атрибута codebase.
- =
- Этот атрибут определяет тип содержимого для данных, задаваемых атрибутом . Этот атрибут не является обязательным, но рекомендуется, если используется атрибут , поскольку он позволяет агенту пользователя избежать загрузки информации для типа содержимого, который они не поддерживают.
- =
- Этот атрибут может использоваться для определения разделенного пробелами списка адресов URI архивов, содержащих относящиеся к объекту ресурсы, который может включать ресурсы, задаваемые атрибутами и . Предварительная загрузка архивов приведет к уменьшению времени загрузки объекта. Архивы, указанные в виде относительных адресов URI, должны интерпретироваться относительно атрибута codebase.
- Если этот логический атрибут указан, он делает текущее определение только объявлением. Объект должен быть instantiated последующим определением , ссылающимся на это объявление.
- =
- Этот атрибут определяет сообщение, которое агент пользователя может генерировать при загрузке implementation и данных объекта.
Атрибуты, определенные в другом месте
- , ()
- (), ()
- ()
- ()
- , , , , , , , , , ()
- ()
- ()
- ()
- , , , , , ()
для генерации основных типов данных, таких как текст, изображения в формате GIF, цвета, шрифты и ряд графических элементов. Для генерации типов данных типов данных, которые агенты пользователей не поддерживают по умолчанию, они обычно запускают внешние приложения. Элемент позволяет авторам ууправлять генерацией данных - задавать внешнюю генерацию или использование некоторой определяемой автором программы, генерирующей данные в агенте пользователя.
В более общем случае автор должен будет определить три типа информации:
- Реализация включенного объекта. Например, если включенный объект - апплет, автор должен указать местоположение исполняемого кода апплета.
- Генерируемые данные. Например, если включенный объект является программой, генерирующей данные шрифта, автор должен указать местоположение этих данных.
- Дополнительные значения, необходимые объекту. Например, некоторым апплетам могут быть нужны исходные значения для их параметров.
Элемент позволяет авторам указать все три типа данных объекта, но авторы не обязательно должны указывать их все. Например, некоторым объектам не требуются данные (например, апплет, выполняющий анимацию). Другим может быть не нужна инициализация. Другим же может не понадобиться дополнительная информация о реализации, то есть сам агент пользователя может уже знать, как генерировать этот тип данных (например, изображения в формате GIF).
и местоположение данных, генерируемых с помощью элемента . Однако для указания рабочих значений авторы используют элемент , обсуждаемый в разделе об
Элемент может также присутствовать внутри элемента . Поскольку агенты пользователей обычно не генерируют элементы в , авторам следует убедиться, что во всех элементах в нет содержимого, которое можно генерировать. Пример включения элемента в элемент см. в разделе о .
Информацию об элементе в формах см. в разделе об .
Агент пользователя должен интерпретировать элемент в соответствии со следующими правилами старшинства:
- Сначала агент пользователя должен попытаться сгенерировать объект. Он не должен генерировать содержимое элемента, но должен проверить его на случай, если элемент содержит дополнительные дочерние элементы (см. ) или элементы (см. ).
- Если агент пользователя по какой-либо причине не может сгенерировать объект (не сконфигурирован для этого, недостаточно ресурсов, ошибочная архитектура и т.д.), он должен попытаться сгенерировать его содержимое.
содержимое в элементы , расположенные в элементе .
В следующем примере мы вставляем в документ апплет, представляющий часы, с помощью элемента . Апплету, написанный на языке Python, не нужны дополнительные и рабочие значения. Атрибут определяет местоположение апплета:
<P><OBJECT classid="http://www.miamachina.it/analogclock.py"> </OBJECT>
Обратите внимание на то, что часы будут генерироваться, как только агент пользователя интерпретирует это объявление . Можно отложить генерацию объекта, начав с объявления объекта (описывается ниже).
Авторы должны выполнять объявление, включая альтернативный текст в качестве содержимого элемента в случае, если агент пользователя не может сгенерировать часы.
<P><OBJECT classid="http://www.miamachina.it/analogclock.py"> Часы с анимацией. </OBJECT>
создания элемента является то, что он предлагает механизм задания альтернативной генерации объектов; в каждом внедренном объявлении могут задаваться альтернативные типы содержимого. Если агент пользователя не может сгенерировать outermost , он пытается сгенерировать содержимое, которое может юыть другим элементом и т.д.
В следующем примере мы внедряем несколько объявлений для того, чтобы показать работу альтернативной генерации. Агент пользователя попытается сгенерировать первый элемент , который он может, в следующем порядке: (1) апплет Earth, написанный на языке Python, (2) клип Земли в формате MPEG, (3) изображение Земли в формате GIF, (4) альтернативный текст.
<P> <!- Сначала попробовать апплет на языке Python -->
<OBJECT title="Вид Земли из космоса"
classid="http://www.observer.mars/TheEarth.py">
<!- Затем попробовать воспроизвести видеоклип
в формате MPEG -->
<OBJECT data="TheEarth.mpeg" type="application/mpeg">
<!- Затем попробовать изображение в формате GIF -->
<OBJECT data="TheEarth.gif" type="image/gif">
<!- Затем сгенерировать текст -->
Вид <STRONG>Земли</STRONG> из космоса.
</OBJECT>
</OBJECT>
</OBJECT>
Внешнее объявление определяет апплет, которому не нужны данные или начальные значения. Второе объявление определяет клип в формате MPEG и, поскольку местоположение обработчика формата MPEG не указано, предполагается, что клип будет обрабатываться агентом пользователя. Мы также установили атрибут type, так что агент пользователя, который знает, что он не может сгенерировать клип в формате MPEG, не будет загружать файл "TheEarth.mpeg" из сети. В третьем объявлении задается местоположение файла в формате GIF и определяется альтернативный текст на случай, если все прочие механизмы не сработают.
Встроенные и внешние данные. Данные, которые должны генерироваться, могут указываться двумя способами: в виде встроенного или внешнего ресурса. Последний метод обычно обеспечивает более быструю генерацию, но неудобен при генерации большого объема данных.
Ниже приводится пример, показывающий, как встроенные данные могут be fed to an :
<P>
<OBJECT id="clock1"
classid="clsid:663C8FEF-1EF9-11CF-A3DB-080036F12502"
data="data:application/x-oleobject;base64, ...данные base64...">
Часы.
</OBJECT>
Информацию о размере, выравнивании и границах объекта см. в разделе .
элемент
<!ELEMENT - O EMPTY -- значение именованного свойства -->
<!ATTLIST PARAM
#IMPLIED -- идентификатор в пределах
документа --
#REQUIRED -- имя свойства --
#IMPLIED -- значение свойства --
(DATA|REF|OBJECT) DATA -- Как интерпретировать значение --
#IMPLIED -- тип содержимого для значения,
если valuetype=ref --
>
Начальный тег: обязателен, Конечный тег: запрещен
Определения атрибутов
- =
- Этот атрибут определяет имя рабочего параметра, которое должно быть понятно вставляемому объекту. Учитывает ли имя свойства регистр, зависит от конкретной реализации объекта.
- =
- Этот атрибут определяет значение рабочего параметра, задаваемого атрибутом . Значения свойств не имеют значения в HTML; их значение определяется объектом.
- = data|ref|object
- Этот атрибут определяет тип атрибута value. Возможные значения:
- data: Это значение используется по умолчанию. Оно означает, что значение, задаваемое атрибутом value, будет определяться и передаваться в объект в виде строки.
- ref: Значение, задаваемое атрибутом value, является адресом URI ресурса, где хранятся рабочие значения. Это позволяет средствам поддержки идентифицировать адреса URI, данные в качестве параметров. Адрес URI должен передаваться в объект как есть, то есть неразрешенным.
- object: Значение, задаваемое атрибутом value, является идентификатором, ссылающимся на объявление в этом же документе. Идентификатором должно быть значение атрибута для объявленного элемента .
- =
- Этот атрибут задает тип содержимого ресурса, назначаемого атрибутом value только в случае, если значением атрибута является "ref". Таким образом, этот атрибут определяет для агента пользователя тип значений, которые будут находиться по адресу URI, назначенному атрибутом value.
Атрибуты, определенные в другом месте
- ()
Элементы определяют набор значений, которые могут понадобиться объекту во время работы. В элементах или может присутствовать любое число атрибутов в любом порядке, но они должны помещаться в начале тела включающего элемента или .
Синтаксис имен и значений считается понятным обработчику объекта. Данный документ не указывает, как агенты пользователей должны загружать пары имя/значение, а также того, как они должны интерпретировать повторяющиеся имена параметров.
Вернемся к примеру с часами и покажем использование элемента : предположим, что апплет может принимать два рабочих параметра, определяющих его начальную высоту и ширину. Мы можем установить исходные размеры 40x40 пикселов с помощью двух элементов .
<P><OBJECT classid="http://www.miamachina.it/analogclock.py"> <PARAM name="height" value="40" valuetype="data"> <PARAM name="width" value="40" valuetype="data"> Этот агент пользователя не может сгенерировать приложение на языке Python. </OBJECT>
В следующем примере рабочие данные для параметра "Init_values" объекта задаются в виде внешнего ресурса (файл GIF). Таким образом для атрибута устанавливается значение "ref", а атрибутом value является адрес URI ресурса.
<P><OBJECT classid="http://www.gifstuff.com/gifappli"
standby="Загрузка Элвиса...">
<PARAM name="Init_values"
value="./images/elvis.gif">
valuetype="ref">
</OBJECT>
Обратите внимание, что мы также установили атрибут , так что агент пользователя может отобразить сообщение во время загрузки генерирующего механизма.
Когда элемент сгенерирован, агенты пользователя должны выполнить поиск содержимого только для тех элементов , которые являются их прямыми дочерними элементами и "feed" их to the .
Таким образом, в следующем примере, если сгенерирован "obj1", "param1" применяется к "obj1" (и не применяется к "obj2"). Если "obj1" не сгенерирован, а "obj2" сгенерирован, "param1" игнорируется, а "param2" применяется к "obj2". Если ни один не сгенерирован, ни один не применяется.
<P>
<OBJECT id="obj1">
<PARAM name="param1">
<OBJECT id="obj2">
<PARAM name="param2">
</OBJECT>
</OBJECT>
Местоположение обработчика объекта задается адресом URI. Как было сказано во , первый сегмент абсолютного адреса URI задает схему именования, используемую для передачи данных, назначаемых адресом URI. Для документов в формате HTML этой схемой часто является "http". Некоторые апплеты могут использовать внешние схемы именования. Например, при указании апплета Java авторы могут использовать адреса URI, начинающиеся с "java", я для аппелтов ActiveX авторы могут использовать "clsid".
В следующем примере мы вставляем апплет на языке Java в документ в формате HTML.
<P><OBJECT classid="java:program.start"> </OBJECT>
Установив атрибут , агент пользователя может определить, нужно ли загружать ли приложение Java, в зависимости от своих возможностей.
<OBJECT codetype="application/java-archive"
classid="java:program.start">
</OBJECT>
Некоторым схемам генерации для определения обработки необходима дополнительная информация, поэтому им необходимо указать, где находится эта информация. Авторы могут указать путь к обработчику объекта с помощью атрибута .
<OBJECT codetype="application/java-archive"
classid="java:program.start">
codebase="http://foooo.bar.com/java/myimplementation/"
</OBJECT>
В следующем примере (с помощью атрибута ) задается объект ActiveX в виде адреса URI, начинающегося со схемы именования "clsid". Атрибут определяет местоположение генерируемых данных (еще одни часы).
<P><OBJECT classid="clsid:663C8FEF-1EF9-11CF-A3DB-080036F12502"
data="http://www.acme.com/ole/clock.stm">
Это приложение не поддерживается.
</OBJECT>
В приведенных выше примерах были показаны отдельные определения объектов. Если в документе должно содержаться несколько экземпляров одного и того же объекта, объявление и инициализацию объекта можно разделить. Такой способ имеет несколько преимуществ:
- Данные могут загружаться агентом пользователя из сети один раз (во время объявления) и повторно использоваться в каждой инициализации.
- Инициализировать объект можно из местоположения, отличного от того, в котором объект объявлялся, например, из ссылки.
- Объекты можно определять в качестве рабочих данных для других объектов.
Чтобы объявить объект так, чтобы он не обрабатывался агентом пользователя при чтении, установите логический атрибут элемента . В то же время авторы должны идентифицировать объявление, установив уникальное значение для атрибута в элементе . Инициализация объекта позже будет ссылаться на этот идентификатор.
Объявленный должен присутствовать в документе до первого экземпляра .
Объект, определенный с атрибутом , инициализируется каждый раз, когда необходима генерация элемента, ссылающегося на этот объект (например, активизируется ссылка на него, активизируется объект, ссылающийся на него и т.д.).
В следующем примере мы объявляем и вызываем его инициализацию, указав его в ссылке. Таким образом объект можно активизировать, щелкнув, например, на выделенном тексте.
<P><OBJECT declare
id="earth.declaration"
data="TheEarth.mpeg"
type="application/mpeg">
Вид <STRONG>Земли</STRONG> из космоса.
</OBJECT>
...далее в документе...
<P>Красивое<A href="#earth.declaration"> анимационное изображение Земли!</A>
В следующем примере показано, как указать рабочие значения, являющиеся другими объектами. В этом примере мы отправляем текст (стихотворение) гипотетическому механизму для просмотра стихотворений. Объект распознает рабочий параметр с именем "font" (скажем, для генерации текста стихотворения с использованием определенного шрифта). Значение этого параметра само является объектом, вставляющим (но не генерирующим) объект шрифта. Отношение между объектом шрифта и объектом механизма просмотра стихотворений достигается с помощью (1) назначения атрибута в объявлении объекта шрифта и (2) ссылки на него в элементе объекта механизма просмотра стихотворений (с помощью и value).
<P><OBJECT declare
id="tribune"
type="application/x-webfont"
data="tribune.gif">
</OBJECT>
...просмотр стихотворения из файла KublaKhan.txt...
<P><OBJECT classid="http://foo.bar.com/poem_viewer"
data="KublaKhan.txt">
<PARAM name="font" valuetype="object" value="#tribune">
<P>У вас нет такой классной программы просмотра стихотворений...
</OBJECT>
Агенты пользователей, не поддерживающие атрибут , должны генерировать содержимое объявления .
: элемент
Элемент APPLET является , вместо него следует использовать элемент .Формальное определение см. в .
Определения атрибутов
- =
- Этот атрибут определяет базовый адрес URI апплета. Если этот атрибут не указан, по умолчанию используется базовый адрес URI, используемый для всего документа. Значениями этого атрибута могут быть только подкаталоги каталога, в котором расположен текущий документ.
- =
- Этот атрибут определяет имя файла класса, содержащего скомпилированный подкласс апплета или путь, по которому можно получить класс, включая сам файл класса. Он интерпретируется с учетом кода апплета. Для этого должен быть указан один из атрибутов или .
- =
- Этот атрибут определяет имя экземпляра апплета, что дает возможность апплетам на одной странице находить друг друга и взаимодействовать друг с другом.
- =
- Этот атрибут определяет разделенный запятыми список адресов URI архивов, содержащих классы и другие ресурсы, которые будут "предварительно загружаться". Классы загружаются с помощью экземпляра AppletClassLoader с заданным . Относительные адреса URI архивов интерпретируются относительно codebase апплета. Предварительная загрузка ресурсов может существенно увеличить производительность апплетов.
- =
- Этот атрибут определяет имя ресурса, содержащего serialized представление состояния апплета. Он интерпретируется относительно codebase апплета. serialized данные содержат имя класса апплета, но не обработчика. Имя класса используется для загрузки обработчика из файла класса или архива.
Если апплет "deserialized", метод start() вызывается вместо метода init(). Атрибуты, допустимые при serialized исходного объекта, не восстанавливаются. Атрибуты, переданные в этот экземпляр , будут доступны апплету. Авторам следует очень осторожно использовать это свойство. Перед serialized вапплет должен быть остановлен.
Должен присутствовать один из атрибутов или . Если даны оба атрибута и , и в них указаны разные имена классов, это является ошибкой.
- =
- Этот атрибут определяет начальную ширину области отображения апплета (не включая окна и диалоги, создаваемые апплетом).
- =
- Этот атрибут определяет начальную высоту области отображения апплета (не включая окна и диалоги, создаваемые апплетом).
Атрибуты, определенные в другом месте
- , ()
- ()
- ()
- ()
- , , ()
Этот элемент, поддерживаемый всеми программами просмотра с поддержкой Java, позволяет дизайнерам внедрять апплеты Java в документы HTML. Он является , и вместо него следует использовать элемент .
Содержимое элемента служит альтернативной информацией для агентов пользователей, не поддерживающих этот элемент или не сконфигурированных для поддержки апплетов. В противном случае агенты пользователей должны игнорировать содержимое.
ПРИМЕР НЕЖЕЛАТЕЛЬНОГО ИСПОЛЬЗОВАНИЯ:
В следующем примере элемент включает в документ апплет на языке Java. Поскольку атрибут не установлен, предполагается, что апплет находится в том же каталоге, что и сам документ.
<APPLET code="Bubbles.class" width="500" height="500"> Java-апплет, рисующий движущиеся пузыри. </APPLET>
Этот пример можно переписать с использованием элемента следующим образом:
<P><OBJECT codetype="application/java"
classid="java:Bubbles.class"
width="500" height="500">
Java-апплет, рисующий движущиеся пузыри.
</OBJECT>
Задать для апплета исходные значения можно с помощью элемента .
ПРИМЕР НЕЖЕЛАТЕЛЬНОГО ИСПОЛЬЗОВАНИЯ:
Следующий апплет на языке Java:
<APPLET code="AudioItem" width="15" height="15"> <PARAM name="snd" value="Hello.au|Welcome.au"> Java-апплет, воспроизводящий звуковой файл приветствия. </APPLET>
можно определить с использованием элемента следующим образом:
<OBJECT codetype="application/java"
classid="AudioItem"
width="15" height="15">
<PARAM name="snd" value="Hello.au|Welcome.au">
Java-апплет, воспроизводящий звуковой файл приветствия.
</OBJECT>
Иногда вместо на документ автору нужно внедрить его непосредственно в первичный документ HTML. Авторы могут использовать для этого элемент или , но эти элементы несколько различны. Эти два элемента не только имеют различные модели содержимого, но также элемент может быть целевым кадром (подробнее см. раздел об ) и может быть "выделен" агентом пользователя для печати, просмотра кода HTML и т.д. Агенты пользователя могут генерировать выделенные кадры способом, отличным от генерации невыделенных кадров (например, отображать границу вокруг выделенного кадра).
полностью независим от документа, в который он внедрен. Например, относительные адреса URI во внедренном документе в соответствии с базовым адресом URI, указанным во внедренном документе, а не в основном документе. Внедренный документ только генерируется в другом документе (например, во вложенном окне); it во всех остальных отношениях он остается независимым.
Например, следующая строка внедряет содержимое файла embed_me.html в то место документа, в котором встречено определение .
...предшествующий текст... <OBJECT data="embed_me.html"> Внимание: невозможно внедрить файл embed_me.html. </OBJECT> ...последующий текст...
Вспомните, что содержимое элемента должно генерироваться, только если файл, задаваемый атрибутом , невозможно загрузить.
Поведение агента пользователя в случаях, когда файл включает сам себя, не определено.
Навигационные карты позволяют авторам определять области изображения или объекта и назначать каждой области определенное действие (например, загрузку документа, запуск программы и т.д.) Когда область активизируется пользователем, выполняется действие.
Навигационная карта создается путем назначения объекта с указанием соответствующих геометрических областей.
Имеется два типа навигационных карт:
- Когда пользователь активизирует область клиентской навигационной карты с помощью мыши, координаты точки интерпретируются агентом пользователя. Агент пользователя выбирает ссылку, указанную для активизированной области, и выполняет ее.
- Когда пользователь активизирует область серверной навигационной карты с помощью мыши, координаты точки щелчка передаются агенту на сервере, определенному с помощью атрибута элемента . Агент на сервере интерпретирует координаты и выполняет соответствующие действия.
по отношению к серверным по крайней мере по двум причинам: они доступны пользователям неграфических агентов и позволяют незамедлительно определить, находится ли указатель в активной области.
элементы и
<!ELEMENT - - (()+ | AREA+) - клиентская навигационная карта -->
<!ATTLIST MAP
-- , , --
#REQUIRED - для ссылки usemap --
>
Начальный тег: обязателен, Конечный тег: обязателен
<!ELEMENT - O EMPTY -- область клиентской навигационной
карты -->
<!ATTLIST AREA
-- , , --
rect -- управляет интерпретацией координат --
#IMPLIED -- разделенный запятыми список длин --
#IMPLIED -- адрес URI связанного ресурса --
(nohref) #IMPLIED -- для этого региона действие
не назначено --
#REQUIRED -- краткое описание --
#IMPLIED -- положение в последовательности
перехода --
#IMPLIED -- символ доступа --
#IMPLIED -- элемент получил фокус --
#IMPLIED -- элемент потерял фокус --
>
Начальный тег: обязателен, Конечный тег: запрещен
Определения атрибутов элемента MAP
- =
- Этот атрибут назначает имя навигационной карты, определяемой элементом .
Определения атрибутов элемента AREA
- = default|rect|circle|poly
- Этот атрибут определяет форму области. Возможные значения:
- default: Задает всю область.
- rect: Определяет прямоугольную область.
- circle: Определяет круглую область.
- poly: Определяет многоугольную область.
- = координаты
- Этот атрибут определяет положение формы на экране. Число и порядок значений зависят от определенной формы. Возможные комбинации:
- rect: x левой границы, y верхней границы, x правой границы, y нижней границы.
- circle: x центра, y центра, радиус. Примечание. Если радиус указан в процентах, агенты пользователя должны вычислять окончательное значение радиуса в зависимости от назначенных объекту ширины и высоты. Радиус должен быть наименьшим из этих двух значений.
- poly: x1, y1, x2, y2, ..., xN, yN.
Координаты задаются относительно верхнего левого угла объекта. Все значения являются . Все значения отделяются друг от друга запятыми.
- Если этот логический атрибут установлен, он указывает, что с этой областью ссылка не связана.
Атрибут для установления связи навигационной карты с элементом
- =
- Этот атрибут связывает навигационную карту с элементом. Навигационная карта определяется с помощью элемента . Значение атрибута usemap должно совпадать со значением атрибута связанного элемента .
Атрибуты, определенные в другом месте
- , ()
- (), ()
- ()
- ()
- ()
- ()
- () ()
- ()
- ()
- ()
- , , , , , , , , , , , ()
Элемент определяет клиентскую навигационную карту, которая может быть связана с одним или несколькими элементами (, или ). Навигационная карта связывается с элементом с помощью атрибута этого элемента.
Наличие атрибута в элементе подразумевает, что объект включается в виде изображения. , если с элементом связана клиентская навигационная карта, агенты пользователей могут интерпретировать взаимодействие пользователя с элементом исключительно в терминах клиентской навигационной карты. Это позволяет агентам пользователей (например, звуковым браузерам или роботам) взаимодействовать с элементом , не обрабатывая его; агент пользователя может даже не загружать (или не обрабатывать) объект. Если с элементом связана навигационная карта, авторы не могут быть уверены, что этот объект будет загружаться и обрабатываться всеми агентами пользователей.
Каждый элемент может содержать следующее:
- Один или несколько элементов . Эти элементы не имеют содержимого, но определяют геометрические области навигационной карты и ссылки, связанные с каждой областью. Обратите внимание, что при использовании этого метода элемент не имеет генерируемого содержимого. Таким образом, авторы должны изменять текст для каждого элемента с помощью атрибута (см. далее информацию о том, ).
- Содержимое уровня блока. Сюда должны включаться элементы , определяющие геометрические области навигационной карты, и ссылки, связанные с каждой областью. Обратите внимание, что при использовании этого метода содержимое элемента может генерироваться агентом пользователя. Для создания более доступных документов авторам следует использовать этот способ.
приоритет имеет элемент, указанный в документе первым (т.е. на ввод пользователя отвечает именно этот элемент).
графических навигационных карт на случай, если графика недоступна или пользователь не может получить к ней доступ. Например, агенты пользователей могут использовать текст атрибута для создания текстовых ссылок вместо графической навигационной карты. Такие ссылки могут активизироваться различными способами (клавиатура, голос и т.д.).
Примечание. Элемент не совместим с агентами пользователей для языка HTML версии 2.0.
Примеры клиентских навигационных карт
В следующем примере мы создаем клиентскую навигационную карту для элемента . Сы не хотим генерировать содержимое карты при генерации элемента , поэтому мы "скроем" элемент в содержимом элемента . Затем содержимое элемента будет генерироваться, только если нельзя сегенировать содержимое элемента .
<HTML>
<HEAD>
<TITLE>Крутая страница!</TITLE>
</HEAD>
<BODY>
<P><OBJECT data="navbar1.gif" type="image/gif" usemap="#map1">
<MAP name="map1">
<P>Перемещение по узлу:
<A href="guide.html" shape="rect" coords="0,0,118,28">Руководство по доступу</a> |
<A href="shortcut.html" shape="rect" coords="118,0,184,28">Переход</A> |
<A href="search.html" shape="circle" coords="184,200,60">Поиск</A> |
<A href="top10.html" shape="poly" coords="276,0,373,28,50,50,276,0">Первые десять</A><
</MAP>
</OBJECT>
</BODY>
</HTML>
Нам может понадобиться генерация содержимого карты, даже если агент пользователя может сгенерировать элемент . Например, мы хотим связать навигационную карту с элементом и включить текстовую навигационную панель внизу страницы. Чтобы это сделать, определим элемент вне элемента :
<HTML>
<HEAD>
<TITLE>Крутая страница!</TITLE>
</HEAD>
<BODY>
<P><OBJECT data="navbar1.gif" type="image/gif" usemap="#map1">
</OBJECT>
...продолжение страницы...
<MAP name="map1">
<P>Перемещение по узлу:
<A href="guide.html" shape="rect" coords="0,0,118,28">Руководство по доступу</a> |
<A href="shortcut.html" shape="rect" coords="118,0,184,28">Переход</A> |
<A href="search.html" shape="circle" coords="184,200,60">Поиск</A> |
<A href="top10.html" shape="poly" coords="276,0,373,28,50,50,276,0">Первые десять</A>
</MAP>
</BODY>
</HTML>
В следующем примере мы создаем сходную навигационную карту, на этот раз используя элемент . Обратите внимание на использование текста :
<P><OBJECT data="navbar1.gif" type="image/gif" usemap="#map1">
<P>Это навигационная панель.
</OBJECT>
<MAP name="map1">
<AREA href="guide.html"
alt="Руководство по доступу"
shape="rect"
coords="0,0,118,28">
<AREA href="search.html"
alt="Поиск"
shape="rect"
coords="184,0,276,28">
<AREA href="shortcut.html"
alt="Переход"
shape="circle"
coords="184,200,60">
<AREA href="top10.html"
alt="Первые десять"
shape="poly"
coords="276,0,373,28,50,50,276,0">
</MAP>
Вот версия с использованием элемента вместо элемента (с тем же самым объявлением ):
<P><img src="stat/html401/navbar1.gif" usemap="#map1" alt="навигационная панель">
В следующем примере показано, как элементы могут совместно использовать навигационные карты.
Вложенные элементы полезны для обеспечения fallbacks в случае, если агент пользователя не поддерживает определенные форматы. Например:
<P>
<OBJECT data="navbar.png" type="image/png">
<OBJECT data="navbar.gif" type="image/gif">
текст с описанием изображения...
</OBJECT>
</OBJECT>
Если агент пользователя не поддерживает формат PNG, он пытается сгенерировать изображение в формате GIF. Если он не поддерживает GIF (например, это речевой агент пользователя), он воспроизводит текстовое описание, указанное в содержимсом внутреннего элемента . Если элементы вложены таким образом, авторы могут обеспечивать совместное использование этими элементами навигационных карт:
<P>
<OBJECT data="navbar.png" type="image/png" usemap="#map1">
<OBJECT data="navbar.gif" type="image/gif" usemap="#map1">
<MAP name="map1">
<P>Перемещение по узлу:
<A href="guide.html" shape="rect" coords="0,0,118,28">Руководство по доступу</a> |
<A href="shortcut.html" shape="rect" coords="118,0,184,28">Переход</A> |
<A href="search.html" shape="circle" coords="184,200,60">Поиск</A> |
<A href="top10.html" shape="poly" coords="276,0,373,28,50,50,276,0">Первые десять</A>
</MAP>
</OBJECT>
</OBJECT>
В следующем примере показано, как можно указать anchors для создания неактивных зон в навигационной карте. Первый anchor определяет небольшую круглую область, с которой не связана ссылка. Второй anchor определяет круглую область большего размера с той же координатой центра. Обе они вместе образуют кольцо, центр которого неактивен, а внешняя часть активна. Порядок определения anchor важен, поскольку меньший круг должен иметь приоритет над большим.
<MAP name="map1"> <P> <A shape="circle" coords="100,200,50">Я неактивная.</A> <A href="outer-ring-link.html" shape="circle" coords="100,200,250">Я активная.</A> </MAP>
Точно так же атрибут элемента объявляет, что с геометрической областью не связана ссылка.
Серверные навигационные карты представляют интерес в случаях, когда карта слишком сложна.
Определить серверную навигационную карту можно только для элементов и . В случае элемента этот элемент должен быть включен в элемент . В случае элемента он должен иметь тип "image". В обоих случаях для элемента должен быть установлен логический атрибут .
Когда пользователь активизирует ссылку, щелкнув на изображении, экранные координаты отправляются непосредственно на сервер, на котором располагается документ. Экранные координаты выражаются в виде пикселов относительно изображения. Нормативную информацию об определении пикселов и об их масштабировании см. в .
В следующем примере активная область определяет серверную ссылку. Таким образом щелчок в любой точке изображения вызовет передачу координат на сервер.
<P><A href="http://www.acme.com/cgi-bin/competition">
<img src="stat/html401/game.gif" ismap alt="target"></A>
передаются на сервер следующим образом. Агент пользователя получает новый адрес URI из адреса URI, указанного в атрибуте элемента , добавляя `?’, за которым следуют координаты x и y, разделенные запятой. Затем происходит переход по ссылке с использованием нового адреса URI. Например, в данном примере, если пользователь щелкает в точке с координатами x=10, y=27, то новый адрес URI - "http://www.acme.com/cgi-bin/competition?10,27".
Агенты пользователей, не предлагающие пользователям средств выбора определенных координат (например, неграфические агенты пользователей, зависящие от ввода с клавиатуры, речевые агенты пользователей и т.д.) должны при активизации ссылки передавать на сервер координаты "0,0".
Все атрибуты элементов и , относящиеся к визуальному выравниванию и представлению, являются , вместо них следует использовать таблицы стилей.
Определения атрибутов
- =
- Переопределение ширины изображения и объекта.
- =
- Переопределение для изображения и объекта.
Если указаны атрибуты и , они сообщают агентам пользователя о необходимости переопределения исходного размера изображения или объекта этими значениями.
Если объектом является изображение, оно масштабируется. Агенты пользователей должны наилучшим образом масштабировать объект или изображение, чтобы они соответствовали ширине и высоте, определенным автором. Обратите внимание, что длины, выраженные в процентах, зависят от доступного горизонтального или вертикального пространства, а не от исходного размера изображения, объекта или апплета.
Атрибуты и дают агентам пользователей представление о размере изображения или объекта, чтобы они могли зарезервировать соответствующее пространство и продолжать генерацию документа, ожидая данных об изображении.
Атрибуты и определяют свободное пространство слева и справа (hspace) и над и под (vspace) , , . По умолчанию значение этого атрибута не определено, но обычно это небольшое ненулевое значение. Оба атрибута имеют значение типа .
Изображение или объект может окружать граница (например, если она указана пользователем или изображение имеет содержимое элемента ).
Определения атрибутов
- =
- Атрибут определяет ширину границы в пикселах. Значение этого атрибута, используемое по умолчанию, зависит от агента пользователя.
Атрибут определяет положение , или относительно его содержимого.
Следующие значения атрибута относятся к положению объекта относительно окружающего текста:
- bottom: означает, что окно объекта должно быть вертикально выровнено относительно текущей базовой линии. Это значение используется по умолчанию.
- middle: означает, что центр объекта должен быть выровнен вертикально относительно текущей базовой линии.
- top: означает, что верх объекта должен быть вертикально выровнен относительно верха текущей текстовой строки.
Два других значения, left и right, приводят к перемещению изображения к текущему левому или правому полю. Они обсуждаются в разделе о .
Различие интерпретаций атрибута align. Агенты пользователей по-разному интерпретируют атрибут . Некоторые принимают в расчет только текстовую строку, находящуюся перед элементом, некоторые учитывают текст по обеим сторонам элемента.
Определения атрибутов
- =
- Для агентов пользователей, не имеющих возможности вывести изображения, формы или апплеты, этот атрибут определяет альтернативный текст. Язык альтернативного текста определяется атрибутом .
Для некоторых нетекстовых элементов (, , и ) авторы должны указывать альтернативный текст, служащий содержимым, если элемент нельзя нормально сгенерировать. Задание альтернативного текста помогает пользователям, не имеющих графических дисплеев, пользователям, браузеры которых не поддерживают формы, visually impaired users, пользователям синтезаторов речи, пользователям, графический агент которых сконфигурирован так, чтобы не выводить изображения и т.д.
Атрибут должен быть указан для элементов и . Он не является обязательным для элементов и .
В то время как альтернативный текст может быть очень полезным, использовать его нужно осторожно. Авторы должны иметь в виду следующее:
- Не указывайте несоответствующий альтернативный текст, включая изображения, предназначенные для форматирования страницы, например, alt="red ball" не соответствует изображению, определяющему красный круг для отметки заголовка абзаца. В этих случаях в качестве альтернативного текста следует указать пустую строку (""). Авторам в любом случае рекомендуется не использовать изображения для форматирования страниц; вместо этого следует использовать таблицы стилей.
- Не указывайте бессмысленный альтернативный текст (например, "dummy text"). Он не только будет frustrate пользователей, но также будет замедлять агенты пользователей, преобразующие текст в речь или текст Бройля.
Информацию об обработке случаев, когда альтернативный текст отсутствует, разработчики могут найти в разделе о .
Примечание. Подробнее о создании доступных документов HTML см. .
Нет комментариев. Ваш будет первым!