3. Основы форматирования
3.5. Вставка объектов в документы
В 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;
- DATA - URL объекта;
- TYPE - Internet Media Type содержимого объекта заданного атрибутом DATA;
- STANDBY - сообщение выводимое во время загрузки;
- HEIGHT - высота кадра внедряемого объекта;
- WIDTH - ширина кадра внедряемого объекта;
- HSPACE - отступ от объекта по горизонтали;
- VSPACE - отступ от объекта по вертикали;
- ID - имя объекта;
Некоторые приложения и внедряемые элементы (например ActiveX) требуют передачи
им дополнительных параметров для управления отображением или воспроизведения объекта. Передача
параметров осуществляется посредством тега <PARAM> со следующими атрибутами:
- NAME - имя параметра;
- VALUE - значение параметра;
При передаче нескольких параметров необходимо использовать столько тегов <PARAM>,
сколько необходимо передать параметров.
! |
А что вы знаете о MIME типах ?
Первоначально MIME (Multiporpose Internet Mail Extensions-Многоцелевые Расширения
Электронной Почты Internet) разрабатывался для использования в системах электронной почты. Эта
технология позволяет включать файлы различных форматов в электронные сообщения, снабжая их
специальным MIME-заголовком, описывающим содержание.
В настоящее время, применение MIME вышло за рамки электронной почты и его стали называть
Internet Media Types. Идентификатор Internet Media Types состоит из двух частей:
идентификатора типа и идентификатора подтипа, разделенных косой чертой
(например: image/jpeg, video/x-msvideo). На основании данных типов в системе назначаются
обработчики различных типов файлов (Internet Media Types/приложение/расширения файлов).
Список наиболее часто используемых MIME типов вы можете посмотреть на
MANUAL.RU
|
При обнаружении в 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 повторов">