Большой архив статей, книг, документации по программированию, вебдизайну, компьютерной графике, сетям, операционным системам и многому другому
 
<Добавить в Избранное>    <Сделать стартовой>    <Реклама на сайте>    <Контакты>
  Главная Документация Программы Обои   Экспорт RSS E-Books
 
 

   Интернет технологии -> HTML / DHTML -> Основы языка разметки гипертекста - HTML


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 повторов">

[ Содержание ] [ Вперед ]


 

 
Интересное в сети
 
10 новых программ
CodeLobster PHP Edition 3.7.2
WinToFlash 0.7.0008
Free Video to Flash Converter 4.7.24
Total Commander v7.55
aTunes 2.0.1
Process Explorer v12.04
Backup42 v3.0
Predator 2.0.1
FastStone Image Viewer 4.1
Process Lasso 3.70.4
FastStone Image Viewer 4.0
Xion Audio Player 1.0.125
Notepad GNU v.2.2.8.7.7
K-Lite Codec Pack 5.3.0 Full


Наши сервисы
Рассылка новостей. Подпишитесь на рассылку сейчас и вы всегда будете в курсе последних событий в мире информационных технологий.
Новостные информеры. Поставьте наши информеры к себе и у вас на сайте появится дополнительный постоянно обновляемый раздел.
Добавление статей. Если вы являетесь автором статьи или обзора на тему ИТ присылайте материал нам, мы с удовольствием опубликуем его у себя на сайте.
Реклама на сайте. Размещая рекламу у нас, вы получите новых посетителей, которые могут стать вашими клиентами.
 
Это интересно
 

Copyright © CompDoc.Ru
При цитировании и перепечатке ссылка на www.compdoc.ru обязательна. Карта сайта.