Характеристики тега
В каких браузерах работает?
| 4.0+ | 1.0+ | 4.0+ | 1.0+ | 1.0+ | 1.0+ | 1.0+ |
В каких спецификациях используется?
| HTML | - | 4.01 | 5.0 |
| XHTML | 1.0 | 1.1 |
Для чего используется?
Тег <object> помогает браузеру адекватно воспринимать не известные ему объекты, а также диктует, какое оформление должно быть у таких элементов. Как показывает практика, это те объекты, для работы с которыми в браузер нужно подгрузить плагин или специальную программу.
Допускается использование нескольких вложений для данного тега. Это полезно использовать, когда на веб-страницу подгружается видео с неизвестными кодеками. Тогда во вложенный тег <object> прописывается оформление для отображения этого неизвестного видео. Также для вложенных тегов <object> можно вписать тег param, для которого прописываются дополнительные стилевые настройки оформления, а также могут указываться через атрибуты вспомогательные свойства.
Как правильно задавать?
<object>объект</object>
Какие атрибуты поддерживаются?
- align - определяет местоположение объекта относительно горизонтальной оси.
- archive - показывает местоположение вспомогательных программ для распознания неизвестного объекта.
- classid - показывает плагин, запускающий объект.
- code - устанавливает название объекта.
- codebase - указывает расположение объекта, который необходимо запустить.
- codetype - устанавливает типаж программы, работающей с объектом.
- 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="image/king.swf" width="500" height="350"> <param name="quality" value="high"> <param name="wmode" value="opaque"> </object></p> </body> </html>