

<object>¶

Тег <object> (от англ. object — объект) сообщает браузеру, как загружать и отображать объекты, которые исходно браузер не понимает.

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

Дополнительно внутрь контейнера <object> можно поместить элемент <param>, который передаёт дополнительные параметры для отображения объекта.

Синтаксис¶

<object></object>

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

Атрибуты¶

data: Адрес файла для его отображения в окне браузера.
height: Высота объекта.
type: MIME-тип объекта.
width: Ширина объекта.

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

data¶

Определяет файл, который следует отобразить в окне браузера. Для популярных форматов данных достаточно указать путь к файлу и его тип (атрибут type) для загрузки и демонстрации результата.

Путь следует задавать относительно текущего документа.

Синтаксис

<object data="<адрес>">...</object>

Значения

В качестве значения принимается полный или относительный путь к файлу.

Значение по умолчанию

Нет.

height и width¶

Атрибут height устанавливает высоту объекта, а width — его ширину. В заданные размеры входит не только само изображение, например в случае воспроизведения видеофайла, но и панель управления им, включая кнопки проигрывания, паузы, остановки и т. д. По этой причине на размер отображаемого объекта влияет тип файла и применяемый плагин.

Если используется процентная запись, то размеры объекта вычисляются относительно родительского элемента — контейнера, где находится элемент <object>. В случае отсутствия родительского контейнера, в его качестве выступает окно браузера. Иными словами, width="100%" означает, что объект будет занимать всю доступную ширину веб-страницы.

Синтаксис

<object height="значение" width="значение">...</object>

Значения

Любое целое положительное число в пикселях или процентах.

Значение по умолчанию

Нет.

type¶

Устанавливает MIME-тип объекта для распознавания браузером.

Синтаксис

<object type="<MIME-тип>">...</object>

Значения

Имя MIME-типа в любом регистре.

Значение по умолчанию

Нет.

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

Описание и примеры¶

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8" />
    <title>OBJECT</title>
  </head>
  <body>
    <p>
      <object
        type="application/x-shockwave-flash"
        data="flash/mouse.swf"
        width="400"
        height="300"
      >
        <param name="quality" value="high" />
        <param name="wmode" value="opaque" />
      </object>
    </p>
  </body>
</html>

Ссылки¶

<object> на MDN