HTML таг `object`

Пример

Кратък пример как се използва тагът <object>.

<object data="example.pdf" type="application/pdf" width="100%" height="400">
  Вашият браузър не поддържа вграждане на PDF чрез <object>.
  <a href="example.pdf">Изтеглете файла оттук</a>.
</object>

Опитай в редактора

Дефиниция и употреба

Виж как се ползва тагът <object>.

Елементът <object> се използва за вграждане на външни ресурси в HTML страница, като PDF файлове, изображения, SVG, аудио/видео, Java аплети или други плъгин-базирани съдържания. Той служи като универсален контейнер за „обекти“, които браузърът може да визуализира или обработи чрез вграден или външен плъгин.

Основните атрибути са data (URL към ресурса) и type (MIME тип на ресурса). Често се задават и размери чрез width и height. Съдържанието вътре в <object>...</object> се показва като резервно (fallback) съдържание, ако ресурсът не може да бъде зареден или браузърът не го поддържа. Това позволява да осигурите алтернативни връзки, текстови обяснения или други HTML елементи.

Елементът <object> може да се използва и йерархично – вътре в него могат да се поставят други <object> елементи като допълнителни резервни варианти с различни формати. В съвременните уеб приложения често се предпочитат по-специализирани елементи като <img>, <video>, <audio> или <iframe>, но <object> остава полезен за вграждане на PDF, SVG и други специфични типове съдържание с контрол върху fallback поведението.

Browser Support

Browser	Поддръжка
Chrome	✔️
Firefox	✔️
Edge	✔️
Safari	✔️
Opera	✔️

Атрибути

Атрибут	Описание
`data`	URL към външния ресурс, който ще бъде вграден (напр. `example.pdf`).
`type`	MIME тип на ресурса (напр. `application/pdf`, `image/svg+xml`).
`name`	Име на обекта, което може да се използва за скриптове или формуляри.
`width`	Ширина на вградения обект (в пиксели или процент).
`height`	Височина на вградения обект (в пиксели или процент).
`form`	Свързва обекта с конкретен формуляр по неговия `id`.
`usemap`	Свързва обекта с карта на изображение (`<map>`) чрез нейното име.
`typemustmatch`	Когато е зададен, изисква MIME типът в `type` да съвпада с действителния тип на ресурса.

Тагове

a abbr address area article aside audio b base bdi bdo blockquote body br button canvas caption cite code col colgroup data datalist dd del details dfn dialog div dl dt em embed fencedframe fieldset figcaption figure footer form h1 h2 h3 h4 h5 h6 head header hgroup hr html i iframe img input ins kbd label legend li link main map mark menu meta meter nav noscript object ol optgroup option output p picture pre progress q rp rt ruby s samp script search section select selectedcontent slot small source span strong style sub summary sup table tbody td template textarea tfoot th thead time title tr track u ul var video wbr

HTML таг object