DESIGNER - для тех, кто делает сайты
 
поиск
 
статьи
баннерная реклама
веб-дизайн
графика
домены
инвентарь
менеджмент
навигация
проектирование
подкастинг
поисковые машины
почтовые рассылки
раскрутка
хостинг
css
flash
html
perl
php
usability
рассылка
Cтатьи о веб-дизайне, раскрутке, usability, графике и т.д.
Content.Mail.Ru
орфография
Если вы нашли любую орфографическую ошибку, то выделите её и нажмите Ctrl+Enter на клавиатуре.
 
 
 
 
статьи / html  

Основы языка разметки гипертекста

Основы форматирования

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

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

В HTML 4 возможности вышеприведенных тегов, по внедрению объектов, объединили в новом контейнерном теге <OBJECT>. Вы можете продолжать использовать старые теги, но более предпочтительным ( модным ) является использование тега <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/приложение/расширения файлов).

При обнаружении в 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 повторов">

Dmitriy Krasyuk
http://www.about-html.narod.ru/

« Назад

 
вверх
При использовании любых материалов с сайта необходима ссылка на http://designer.kulichki.net/, как источник.
Copyright© 2001—2006
Основано 28.04.2001г.
Сергей Никитин
Rambler's Top100
Рейтинг@Mail.ru