HTML тег - object - определение и примеры использования
Меню
Веб-разработка
Тег object HTML

HTML - тег <object> указывает внедренный объект в HTML-документ. Обычно он используется для встраивания мультимедиа (аудио, видео, Java-апплетов, Flash-приложений и т. д.) или другого HTML-документа в веб-страницу.


Тег <object> - синтаксис и код

Тег <object> представлен парами. Содержимое записывается между открывающим (<object>) и закрывающим (</object>) тегами.

Встроенное изображение:

<object data="/htm/img_leopard.jpg" alt="Леопард" width="194" height="200">

Элемент object (встроенное изображение)

Встроенная HTML-страница:

<object data="/htm/ex-html-style-element.htm" width="500" height="200">

Элемент object (встроенная HTML - страница)

Встроенное видео:

<embed data="/htm/video/eagle.mp4">

Элемент object (встроенное видео)


Определение и использование

  • HTML - тег <object> определяет контейнер для внешнего ресурса;
  • Внешний ресурс может быть веб-страницей, изображением, медиаплеером или подключаемым приложением;
  • Тег <object> используется как дочерний элемент <body>.

Плагины

Тег <object> изначально был разработан для встраивания плагинов браузера.

Плагины — это компьютерные программы, расширяющие стандартные функциональные возможности браузера.

Плагины использовались для самых разных целей:

  • Запуск Java-апплетов;
  • Запуск элементов ActiveX;
  • Отображение Flash-роликов;
  • Показывать карты;
  • Сканировать на вирусы.
Предупреждение:
Большинство браузеров больше не поддерживают Java-апплеты и плагины.
Элементы ActiveX больше не поддерживаются ни в одном браузере.
В современных браузерах также отключена поддержка Shockwave Flash.
✪ Рекомендация:
Для отображения картинки лучше использовать тег <img>.
Для отображения HTML лучше использовать тег <iframe>.
Для отображения видео или аудио лучше использовать теги <video> и <audio>.

Поддержка <object> браузерами

Crome Поддерживает
Edge Поддерживает
Firefox Поддерживает
Safari Поддерживает
Opera Поддерживает

Атрибуты

Атрибут Значение Описание
data URL Указывает URL-адрес ресурса, который будет использоваться объектом
form form_id Указывает, к какой форме принадлежит объект
height pixels Определяет высоту объекта
name name Указывает имя объекта
type media_type Указывает тип носителя данных, указанный в атрибуте данных
typemustmatch true/false Указывает, должны ли атрибут type и фактическое содержимое ресурса совпадать для отображения
usemap #mapname Указывает имя карты изображения на стороне клиента, которая будет использоваться с объектом
width pixels Определяет ширину объекта

Глобальные атрибуты

Тег <object> также поддерживает глобальные атрибуты в HTML

Атрибуты событий

Тег <object> также поддерживает атрибуты событий в HTML


Настройки CSS по умолчанию

Большинство браузеров будут отображать элемент object со следующими значениями по умолчанию:

object:focus {
  outline: none;
}


Полный список всех доступных тегов HTML см. в Справочнике по тегам HTML.

 

Поделиться ссылкой