<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 (рус.)