<object> HTML

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

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

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

Синтаксис

<object></object>

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

WAI ARIA

Нет значения role по-умолчанию.

Допустимые значения role:

  • application
  • document
  • img

Атрибуты

  • 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>