Тег <object>

IE
4.0+
Chrome
1.0+
Opera
4.0+
Safari
1.0+
Firefox
1.0+
Android
1.0+
iOS
1.0+

Элемент <object> сообщает браузеру, как загружать и отображать объекты, которые исходно браузер не понимает. Как правило, такие объекты требуют подключения к браузеру специального модуля, который называется плагин, или запуска вспомогательной программы.

Спецификация HTML 4 разрешает вкладывать несколько тегов <object> с разным содержанием друг в друга. Это позволяет отображать тот контент, который понимает браузер, при отсутствии нужного плагина. Например, внешний тег <object> загружает видеофайл, а для случая, когда соответствующий кодек (программа для сжатия и восстановления видеоданных) не установлен, внутренний тег <object> показывает графическое изображение. Дополнительно внутрь контейнера <object> можно поместить тег <param>, который передает дополнительные параметры для отображения объекта.

Закрывающий тег обязателен.

<object width="ширина" height="высота"></object>

Атрибуты

align: Определяет, как объект будет выравниваться на странице и способ его обтекания текстом
archive: Устанавливает путь к файлам, необходимым для работы объекта
classid: Адрес программы (приложения или плагина), которая работает с данным объектом, и будет запускать его
code: Имя объекта для его выполнения.
codebase: Путь к папке с объектом, который указан атрибутом code или classid
codetype: Указывает на тип объекта, который задан атрибутом classid
data: Адрес файла для его отображения в окне браузера
height: Высота объекта
hspace: Горизонтальный отступ от объекта до окружающего контента
tabindex: Определяет порядок перехода между элементами с помощью клавиши Tab
type: MIME-тип объекта
vspace: Вертикальный отступ от объекта до окружающего контента
width: Ширина объекта

Также для этого тега доступны универсальные атрибуты и события.

Пример

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" 
  "http://www.w3.org/TR/html4/strict.dtd">
<html>
  <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <title>Тег object</title>
  </head>
  <body> 
   <p><object type="application/x-shockwave-flash" 
      data="flash/flash.swf" width="400" height="300">
    <param name="quality" value="high">
    <param name="wmode" value="opaque">
   </object></p>
  </body>
</html>

Категория: Универсальные элементы, Объекты

Статьи по теме

Видео на сайте