Тег <object>

Влад Мержевич

Internet Explorer Chrome Opera Safari Firefox Android iOS
4.0+ 1.0+ 4.0+ 1.0+ 1.0+ 1.0+ 1.0+

Спецификация

HTML: 3.2 4.01 5.0 XHTML: 1.0 1.1

Описание

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

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

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

Обязателен.

Пример

HTML 4.01IECrOpSaFx

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

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

Не выкладывайте свой код напрямую в комментариях, он отображается некорректно. Воспользуйтесь сервисом cssdeck.com или jsfiddle.net, сохраните код и в комментариях дайте на него ссылку. Так и результат сразу увидят.