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>
Поддержка браузера
Element | |||||
---|---|---|---|---|---|
<object> | Yes | Yes | Yes | Yes | Yes |
Плагины
Тег <object>
изначально был разработан для встраивания подключаемых модулей браузера.
Плагины — это компьютерные программы, расширяющие стандартный функционал браузера.
Плагины использовались для разных целей:
- Запуск Java-апплетов
- Запуск элементов управления ActiveX
- Отображение Flash-роликов
- Показать карты
- Сканировать на вирусы
- Подтвердить банковский идентификатор
Предупреждение !
Большинство браузеров больше не поддерживают Java-апплеты и подключаемые модули.
Элементы управления ActiveX больше не поддерживаются ни в одном браузере.
Поддержка Shockwave Flash также отключена в современных браузерах.
Атрибуты
Attribute | Value | Description |
---|---|---|
data | URL | Specifies the URL of the resource to be used by the object |
form | form_id | Specifies which form the object belongs to |
height | pixels | Specifies the height of the object |
name | name | Specifies a name for the object |
type | media_type | Specifies the media type of data specified in the data attribute |
typemustmatch | true/false | Specifies whether the type attribute and the actual content of the resource must match to be displayed |
usemap | #mapname | Specifies the name of a client-side image map to be used with the object |
width | pixels | Specifies the width of the object |
Глобальные атрибуты
Тег <object>
также поддерживает глобальные атрибуты в HTML .
Атрибуты события
Тег <object>
также поддерживает атрибуты событий в HTML .
Связанные страницы
Учебное пособие по HTML: элемент объекта HTML
Справочник по HTML DOM: Объект Объект
Настройки CSS по умолчанию
Большинство браузеров будут отображать <object>
элемент со следующими значениями по умолчанию:
object:focus {
outline: none;
}