Пример
Встроенное изображение:
<object data="pic_trulli.jpg" width="300" height="200"></object>
Попробуйте сами »
Пример
Встроенная HTML-страница:
<object data="snippet.html" width="500" height="200"></object>
Попробуйте сами »
Пример
Встроенное видео:
<object data="video.mp4" width="400" height="300"></object>
Попробуйте сами »
Определение и использование
Тег <object> определяет контейнер для внешнего ресурса.
Внешним ресурсом может быть веб-страница, изображение, медиаплеер или приложение-плагин.
Для встраивания изображения лучше использовать тег <img>.
Для встраивания HTML лучше использовать тег <iframe>.
Для встраивания видео или аудио лучше использовать теги <video> и <audio>.
Поддержка браузерами
| Элемент | |||||
|---|---|---|---|---|---|
| <object> | Да | Да | Да | Да | Да |
Плагины
Тег <object> изначально был разработан для встраивания плагинов браузера.
Плагины — это компьютерные программы, расширяющие стандартную функциональность браузера.
Плагины использовались для многих различных целей:
- Запуск Java-апплетов
- Запуск элементов управления ActiveX
- Воспроизведение Flash-роликов
- Отображение карт
- Сканирование на вирусы
- Верификация банковского идентификатора
Внимание!
Большинство браузеров больше не поддерживают Java-апплеты и плагины.
Элементы управления ActiveX больше не поддерживаются ни в одном браузере.
Поддержка Shockwave Flash также отключена в современных браузерах.
Атрибуты
| Атрибут | Значение | Описание |
|---|---|---|
| data | URL | Определяет URL ресурса, который будет использоваться объектом |
| form | form_id | Определяет, к какой форме принадлежит объект |
| height | пиксели | Определяет высоту объекта |
| name | имя | Определяет имя объекта |
| type | медиа-тип | Определяет медиа-тип данных, указанных в атрибуте data |
| typemustmatch | true/false | Определяет, должны ли совпадать атрибут type и фактическое содержимое ресурса для его отображения |
| usemap | #mapname | Определяет имя карты изображения на стороне клиента, которая будет использоваться с объектом |
| width | пиксели | Определяет ширину объекта |
Глобальные атрибуты
Тег <object> также поддерживает глобальные атрибуты в HTML.
Атрибуты событий
Тег <object> также поддерживает атрибуты событий в HTML.
Связанные страницы
Учебник HTML: HTML-элемент Object
Справочник по HTML DOM: Объект Object
Настройки CSS по умолчанию
Большинство браузеров будут отображать элемент <object> со следующими значениями по умолчанию:
object:focus {
outline: none;
}