Понятие о внедренных элементах
Начнем с того, что изначально Всемирная сеть WWW была исключительно текстовой. И потому язык HTML, на котором пишутся веб-страницы, имел средства для вывода только текстовой информации. Таблиц, рисунков и тем более звуков и фильмов веб-страницы в то время не содержали. При дальнейшем развитии Интернета, разработчики HTML снабдили его поддержкой графики. Проблема была решена с помощью тега <IMG>, в атрибуте SRC которого указывался URL-адрес файла, содержащего изображение.
<IMG SRC = "logo.gif">
Прочитав этот тег, веб-браузер получает от веб-сервера файл logo.gif и выводит его содержимое на экран.
Изображение, которое мы помещаем на веб-страницу с помощью тега <IMG>, выглядит чужеродным по отношению к изначально текстовому HTML. Такие элементы хранящиеся в отдельных от самой веб-страницы файлах, называются внедренными элементами.
Точно такими же внедренными элементами являются и фильмы в формате AVI, и звуки в формате WAV, и графика Flash, помещаемые на веб-страницах. Только в их случае используются теги <OBJECT> и <EMBED>.
Оба тега выполняют одну и ту же задачу. Они задают местоположение внедренного элемента на веб-странице и интернет-адрес файла, содержащего данные, необходимые для отображения этого элемента. Различие их состоит лишь в том, что тег <EMBED> объявлен устаревшим и не рекомендован к использованию, а вместо него рекомендуется использовать тег <OBJECT>.
Тег OBJECT
Парные тег <OBJECT>, служит для помещения на веб-страницу компонента ActiveX. В том числе с его помощью можно поместить на веб-страницу встраиваемый проигрыватель Flash, оформленный в виде компонента ActiveX, и загрузить в него нужный файл Shockwave/Flash. Встраиваемый проигрыватель работает совместно с веб-браузером. Также с помощью этого тега можно поместить на веб-страницу проигрыватели Windows Media и QuickTime и загрузить вних фильмы в форматах AVI и QuickTime, звуки в форматах WAV и MIDI и т.д.
Рассмотрим пример использования тега <OBJECT> для помещения на веб-страницу проигрывателя Flash, в котором должен воспроизводиться фильм.
<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,0,0" width="550" height="400" id="banner" align="middle">
<param name="movie" value="../../../images/banner.swf">
<param name="play" value="true">
<param name="loop" value="true">
<param name="quality" value= "high">
</object>
В окне веб-браузера это будет выглядеть ТАК.
Внутри тега <OBJECT> помещается набор тегов <PARAM>, с помощью которых задаются различные параметры самого проигрывателя Flash, оформленного в виде компонента ActiveX.
Каждому такому параметру соответствует свой свой тег <PARAM>. Имя параметра задается атрибутом NAME, а значение — атрибутом VALUE.
Рассмотрим приведенный выше код. Мы поместили на веб-страницу проигрыватель Flash, задали файл Shockwave/Flash (параметр "movie"), заставили его воспроизвестись сразуже после загрузки (параметр "play") и зациклили (параметр "loop"). И наконец мы задали качество вывода графики (параметр "quality").
Тег <OBJECT> содержит довольно много атрибутов. С их помощью задаются размеры внедренного компонента ActiveX на веб-странице (атрибуты WIDTH и HEIGHT) и интернет-адрес его дистрибутива (атрибут CODEBASE). Если нужный компонент на клиентский компьютер не установлен, веб-браузер сможет самостоятельно загрузить и установить его.
Тег <OBJECT> поддерживается веб-браузерами Internet Explorer, начиная с версии 3.0, а также Opera, Mozillla, Firefox, Apple Safari.
Предполагается, что тег <OBJECT> со временем заменит собой все остальные теги, предназначенные для помещения на веб-страницы внедренных элементов, в том числе и тег <IMG>.
Тег EMBED
Парный тег EMBED, служит для помещения на веб-страницу модуля расширения веб-браузера. В том числе с его помощью можно поместить на веб-страницу встраиваемый проигрыватель Flash, оформленный в видже модуля расширения, и загрузить в него нужный файл Shockwave/Flash .
Рассмотрим пример использования тега EMBED.
<embed src="../../../images/banner.swf" width="550" height="400" play ="true" loop="true" quality="high" pluginpage="http://www.macromedia.com/go/getflashplayer">
</embed>
В окне веб-браузера это будет выглядеть ТАК.
В отличие от тега <OBJECT>, здесь все необходимые параметры задаются в атрибутах самого тега <EMBED>. В них указываются размеры внедренного модуля на веб-странице (атрибуты WIDTH и HEIGHT), имя файла Shockwave/Flash (атрибут SRC), путь к дистрибутиву модуля расширения (атрибут PLUGINSPAGE) и качество воспроизведения (атрибут QUALITY). Никакие дополнительные теги в этом случае не нужны.
В настоящее время тег не рекомендован к использованию, но поддерживается до сих пор. Создаваемые веб-страницы рекомендуются с использованием тега <OBJECT>.
Совместное использование тегов OBJECT и EMBED
На практике для решения проблем совместимости веб-браузеров теги <OBJECT> и <EMBED> используются совместно.
Рассмотрим пример совместного использования тегов.
<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,0,0" width="550" height="400" id="banner" align="middle">
<param name="movie" value="../../../images/banner.swf">
<param name="play" value="true">
<param name="loop" value="true">
<param name="quality" value= "high">
<embed src="../../../images/banner.swf" width="550" height="400" play ="true" loop="true" quality="high" pluginpage="http://www.macromedia.com/go/getflashplayer">
</embed>
</object>
В окне веб-браузера это будет выглядеть ТАК.
В этом случае тег <EMBED> вложен внутрь тега <OBJECT> вместе с набором тегов <PARAM>.
Если клиент использует современный веб-браузер, то веб-обозреватель считывает тег <OBJECT>, затем теги <PARAM>, загружает компонент ActiveX, файл фильма и выводит его на экран. Тег <EMBED> вложенный внутрь тега <OBJECT>, в этом случае игнорируется.
Если же клиент использует более старые версии веб-браузера, то теги <OBJECT> и <PARAM> игнорируются, а обрабатывается тег <EMBED>.
Комментарии(0)
Для добавления комментариев надо войти в систему и авторизоватьсяКомментирование статей доступно только для зарегистрированных пользователей:Зарегистрироваться