HTML Тег <object>
Пример
Встроенное изображение:
<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 фильмов
- Отображение карт
- Проверка на вирусы
- Убедитесь, удостоверение личности с банк id
Внимание!
Большинство браузеров больше не поддерживают Java апплеты и плагины.
Элементы управления ActiveX больше не поддерживаются ни в одном браузере.
Поддержка Shockwave Flash также была отключена в современных браузерах.
Атрибуты
| Атрибут | Значение | Описание |
|---|---|---|
| data | URL | Указывает URL ресурса, который будет использоваться объектом |
| form | form_id | Указывает, к какой форме принадлежит объект |
| height | pixels | Задает высоту объекта |
| name | name | Задает имя объекта |
| type | media_type | Указывает тип носителя данных, указанный в атрибуте data |
| typemustmatch | true/false | Указывает, должны ли атрибут type и фактическое содержимое ресурса совпадать для отображения |
| usemap | #mapname | Указывает имя карты изображений на стороне клиента, которая будет использоваться с объектом |
| width | pixels | Задает ширину объекта |
Глобальные атрибуты
Тег <object> также поддерживает Глобальные атрибуты в HTML.
События атрибутов
Тег <object> также поддерживает События атрибутов в HTML.
Связные страницы
HTML учебник: HTML Элементы объекта
HTML DOM справочник: Объект object
Настройки CSS по умолчанию
Большинство браузеров будут отображать элемент <object> со следующими значениями по умолчанию:
object:focus {
outline: none;
}