Вставка объектов в документы

В HTML существует возможность внедрения различных объектов в Web-страницы. В старых стандартах HTML для внедрения объектов в документы использовалось два тега <EMBED> и <APPLET>. Первый служил для внедрения объектов, отображаемых Plug-ins модулями броузера и прикладными приложениями, а второй для размещения на Web-станицах Java-аплетов.

В HTML 4 возможности вышеприведенных тегов, по внедрению объектов, объединили в новом контейнерном теге <OBJECT>. Вы можете продолжать использовать старые теги (получить информацию об использовании которых можно на MANUAL.RU ), но более предпочтительным (модным) является использование тега <OBJECT>. Рассмотрим данный тег поподробнее, начнем с его атрибутов:

· BORDER - ширина рамки кадра внедряемого объекта;

· ALIGN- выравнивание объекта в документе (LEFT/RIGHT - режимы с обтеканием текстом, TOP/MIDDLE/BOTTOM - относительно текущей базовой линии);

· CLASSID - URL для загрузки отсутствующего Plug-ins модуля броузера, для отображения или воспроизведения объекта на Web-странице (по умолчанию каталог документа);

· CODETYPE- Internet Media Type содержимого заданного атрибутом CLASSID (Первоначально MIME (Multiporpose Internet Mail Extensions-Многоцелевые Расширения Электронной Почты Internet) разрабатывался для использования в системах электронной почты. Эта технология позволяет включать файлы различных форматов в электронные сообщения, снабжая их специальным MIME-заголовком, описывающим содержание. В настоящее время, применение MIME вышло за рамки электронной почты и его стали называть Internet Media Types. Идентификатор Internet Media Types состоит из двух частей: идентификатора типа и идентификатора подтипа, разделенных косой чертой (например: image/jpeg, video/x-msvideo). На основании данных типов в системе назначаются обработчики различных типов файлов (Internet Media Types/приложение/расширения файлов).

· DATA - URL объекта;

· TYPE - Internet Media Type содержимого объекта заданного атрибутом DATA;

· STANDBY - сообщение выводимое во время загрузки;

· HEIGHT - высота кадра внедряемого объекта;

· WIDTH - ширина кадра внедряемого объекта;

· HSPACE - отступ от объекта по горизонтали;

· VSPACE - отступ от объекта по вертикали;

· ID - имя объекта;

Некоторые приложения и внедряемые элементы (например ActiveX) требуют передачи им дополнительных параметров для управления отображением или воспроизведения объекта. Передача параметров осуществляется посредством тега <PARAM> со следующими атрибутами:

NAME - имя параметра;

VALUE - значение параметра;

При передаче нескольких параметров необходимо использовать столько тегов <PARAM>, сколько необходимо передать параметров.

 

При обнаружении в HTML-документе внедряемого объекта броузер выполняет следующие операции:

определяет его MIME-тип (на основании информации заданной атрибутами CODETYPE, TYPE или анализа расширения файла содержащего объект);

ищет сопоставленное данному типу Plug-ins модуль броузера или стандартный обработчик данного типа в системе;

загружает обнаруженное для данного типа приложение-обработчик и передает ему файл содержащий объект и заданные тегами <PARAM> параметры, все остальные теги содержащиеся в контейнере <OBJECT>...</OBJECT> игнорируются;

в случае отсутствия необходимого для данного типа обработчика и невозможности загрузить его по URL заданному атрибутом CLASSID броузер не отображает объект, a выполняет все другие HTML теги, заключенные в контейнер <OBJECT>...</OBJECT>, кроме тега <PARAM>;

 

Рассмотрим несколько примеров использования тега <OBJECT>:

 

Вставка файлов мультимедиа

<OBJECT DATA="wawfile.wav" ALIGN=LEFT> </OBJECT>

<OBJECT DATA="mpegfile.mpe" TYPE="application/mpeg"

STANDBY="Загрузка видео файла ..."

WIDTH=200 HEIGHT=200 ALIGN=RIGHT> </OBJECT>

<OBJECT DATA="avifile.avi"

WIDTH=100 HEIGHT=100 BORDER=0 ALIGN=LEFT> </OBJECT>

<OBJECT DATA="midfile.rmi"> </OBJECT>

Вставка Java-аплетов в Java-совместимый броузер

<OBJECT CODETYPE="application/java"

CODEBASE="URL JAVA класса"

CLASSID="java:Имя JAVA класса"

WIDTH="значение" HEIGHT="значение" ALIGN="значение"...>

<PARAM NAME="параметр 1" VALUE="значение 1">

...

<PARAM NAME="параметр N" VALUE="значение N">

<!- альтернативный раздел, обрабатывается при невозможности выполнить аплет -->

<H1>Здесь находится JAVA-аплет выполняющий ... </H1>

</OBJECT>

 

Вставка элементов ActiveX в броузер IE.

<OBJECT

CODEBASE="URL ActiveX элемента для его установки в системе"

CLASSID="clsid:Идентификатор ActiveX элемента в реестре Windows"

WIDTH="значение" HEIGHT="значение" ALIGN="значение"...>

<PARAM NAME="параметр 1" VALUE="значение 1">

...

<PARAM NAME="параметр N" VALUE="значение N">

<!- альтернативный раздел, обрабатывается при невозможности выполнить элемент ActiveX -->

<H1>Сожалею, но ActiveX элемент выполняется у пользователей IE</H1>

</OBJECT>

 

Например, вот так на Web-странице размещается стандартный календарь Windows:

 

<object classid="CLSID:8E27C92B-1264-101C-8A2F-040224009C02"

id=msCalendar width=300 height=200 align=left >

<param name=Year value=2001>

<param name=Month value=3>

<param name=Day value=10>

<param name=GridCellEffect value= 1>

<param name=ShowDays value=-1>

<param name=ShowHorizontalGrid value=-1>

<param name=ShowTitle value=-1>

<param name=ShowVerticalGrid value=-1>

</object>

 

В этой главе придется нарушить традицию и не закреплять полученные знания на примере, т.к. все что касается объектов сильно зависит от используемого пользователями программно-аппаратного комплекса.

В заключении следует упомянуть о интересном MSIE расширении HTML - <BGSOUND> теге, задающим фоновый звук документа. Тег <BGSOUND> должен располагаться в заголовке документа и иметь следующий формат:

<BGSOUND SRC="URL звукового файла" LOOP="N повторов">

 

 








Дата добавления: 2015-04-19; просмотров: 1234;


Поиск по сайту:

При помощи поиска вы сможете найти нужную вам информацию.

Поделитесь с друзьями:

Если вам перенёс пользу информационный материал, или помог в учебе – поделитесь этим сайтом с друзьями и знакомыми.
helpiks.org - Хелпикс.Орг - 2014-2024 год. Материал сайта представляется для ознакомительного и учебного использования. | Поддержка
Генерация страницы за: 0.01 сек.