САМОСТОЯТЕЛЬНОЕ ОБУЧЕНИЕ ДЛЯ ВЕБ РАЗРАБОТЧИКОВ

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;
}