<object> - HTML-елемент для вбудованого об'єкта

HTML-елемент <object> представляє собою зовнішній ресурс, який може бути зображенням, вкладеним контекстом перегляду або ресурсом для обробки плагіном.

Елемент <object> є універсальним контейнером для вбудовування різноманітних зовнішніх ресурсів, таких як зображення, аудіо, відео, PDF-документи, або навіть інші HTML-сторінки. Вміст, розміщений між тегами <object> та </object>, відображається, якщо браузер не може завантажити вказаний ресурс.

HTML
<object data="resource.swf" type="application/x-shockwave-flash">
  <p>Ваш браузер не підтримує Flash.</p>
</object>

Атрибути

Цей тег може мати глобальні атрибути.

data

URL-адреса ресурсу, який потрібно вбудувати.

type

MIME-тип ресурсу, що допомагає браузеру визначити, як обробляти цей ресурс.

width

Ширина об’єкта в CSS-пікселях.

height

Висота об’єкта в CSS-пікселях.

form

Атрибут id форми, до якої належить об’єкт. Це дозволяє об’єкту бути частиною форми, навіть якщо він не знаходиться всередині неї.

name

Ім’я вбудованого контексту. Може використовуватися для посилань на об’єкт зі скриптів або як ціль для посилань.

Технічне резюме

Категорія контенту

Потоковий контент, фразовий контент, вбудований контент, інтерактивний контент (якщо має атрибут usemap), відчутний контент.

Дозволений вміст

Нуль або більше елементів <param>, за якими слідує прозорий вміст.

Пропуск тегів

Жоден, початковий та кінцевий теги є обов’язковими.

Дозволені батьківські елементи

Будь-який елемент, що приймає вбудований контент.

Роль ARIA

application, document, img

DOM інтерфейс

HTMLObjectElement

Приклади використання

Результат
<object data="/assets/icons/home.svg" type="image/svg+xml" width="100" height="100">
  <p>Ваш браузер не підтримує SVG.</p>
</object>

Підтримка браузерів

<object>
archive
border
classid
codebase
codetype
data
declare
form
height
name
standby
type
usemap
width

Останнє оновлення: