HTML <object> тег

  • Предыдущая страница <noscript>
  • Следующая страница <ol>

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

<object> Тэг определяет контейнер для внешних ресурсов.

Внешние ресурсы могут быть веб-страницами, изображениями, медиаплеерами или плагинами приложений.

Чтобы嵌入 изображение, лучше всего использовать тег <img>.

Чтобы嵌入 HTML, лучше всего использовать тег <iframe>.

Чтобы嵌入 видео или аудио, лучше всего использовать <video> и <audio> Тэг

См. также:

Урок HTML:Элемент HTML Object

Руководство по HTML DOM:Объект Object

Плагины

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

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

Плагины имеют множество различных用途:

  • Запуск Java-апплета
  • Запуск ActiveX-контроллера
  • Отображение Flash-фильма
  • Отображение карты
  • Сканирование вирусов
  • Проверка идентификатора банка

Внимание !!

Большинство браузеров больше не поддерживают Java-апплеты и плагины.

Никакой браузер больше не поддерживает ActiveX-контроллеры.

Современные браузеры также прекратили поддержку Shockwave Flash.

Пример

Пример 1

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

<object data="tulip.jpg" width="300" height="300"></object>

Попробуйте сами

Пример 2

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

<object data="/index.html" width="500" height="300"></object>

Попробуйте сами

Пример 3

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

<object data="shanghai.mp4" width="640" height="300"></object>

Попробуйте сами

Свойство

Свойство Значение Описание
data URL Определение URL ресурса, используемого объектом.
form ID формы Определение формы, к которой относится объект.
height Пиксели Определение высоты объекта.
name Имя Определение имени объекта.
type Тип媒体 Определение типа媒体 данных, указанного в свойстве data.
typemustmatch true/false Определение того, должен ли тип属性 соответствовать фактическому содержимому ресурса, чтобы отображаться.
usemap #mapname Определение имени клиента, используемого для отображения карты изображений вместе с объектом.
width Пиксели Определяет ширину объекта.

Глобальные свойства

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

Свойства событий

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

Стандартные CSS настройки

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

object:focus {
  outline: none;
}

Поддержка браузеров

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Поддержка Поддержка Поддержка Поддержка Поддержка
  • Предыдущая страница <noscript>
  • Следующая страница <ol>