Тег <object>

Описание

Элемент <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: Ширина объекта.

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

Закрывающий тег

Обязателен.

Пример. Использование тега <object>

<!DOCTYPE html>
<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="images/mouse.swf" width="400" height="300">
    <param name="quality" value="high">
    <param name="wmode" value="opaque">
   </object></p>
  </body>
</html>

Браузеры: Настольные Мобильные ?

Internet Explorer	Chrome	Opera	Safari	Firefox
3	1	4	1	1

Android	Firefox Mobile	Opera Mobile	Safari Mobile
1	1	6	1

✖

Браузеры

В таблице браузеров применяются следующие обозначения.

— элемент полностью поддерживается браузером;
— элемент браузером не воспринимается и игнорируется;
— при работе возможно появление различных ошибок, либо элемент поддерживается с оговорками.

Число указывает версию браузреа, начиная с которой элемент поддерживается.

Осуждаемые теги. | Объекты. | Универсальные элементы.