Тег <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
Ширина объекта.
Также для этого тега доступны универсальные атрибуты и события.
Закрывающий тег
Обязателен.
Пример
<!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>
Универсальные элементы
Объекты