Тег <object>

Описание

Тег <object> предназначен для встраивания внешних ресурсов в HTML-документ. Это универсальный контейнер для различных типов мультимедийного контента, включая изображения, видео, аудио, PDF-документы, Flash-ролики и даже другие веб-страницы.

Базовый синтаксис:
<object data="example.swf" type="application/x-shockwave-flash"> Альтернативный текст </object>
Примеры использования:
<!-- Встраивание PDF --> <object data="document.pdf" type="application/pdf" width="100%" height="500px"> Ваш браузер не поддерживает PDF. <a href="document.pdf">Скачать файл</a> </object> <!-- Встраивание SVG --> <object data="image.svg" type="image/svg+xml"> <img src="image.png" alt="Альтернативное изображение"> </object> <!-- Встраивание веб-страницы --> <object data="https://example.com/embed" width="800" height="600"> <iframe src="https://example.com/embed"></iframe> </object>

Ключевые особенности:

  • Универсальный контейнер для внешних ресурсов
  • Поддерживает вложенность (можно вкладывать несколько объектов)
  • Содержимое тега служит fallback-контентом
  • Может использоваться для плагинов браузера
  • Поддерживает параметры через тег <param>
Сравнение с аналогичными тегами:
<!-- object vs embed vs iframe --> <object data="video.mp4" type="video/mp4"></object> <embed src="video.mp4" type="video/mp4"> <iframe src="video.html"></iframe>

Рекомендации по использованию:

  • Всегда указывайте атрибут type для правильного определения контента
  • Предоставляйте качественный fallback-контент внутри тега
  • Для видео/аудио предпочтительнее использовать <video>/<audio>
  • Для встраивания веб-страниц чаще используют <iframe>
  • Проверяйте кросс-браузерную совместимость

Тег <object> предоставляет гибкий механизм встраивания разнообразного контента в веб-страницы, сохраняя при этом возможность отображения альтернативного содержимого при невозможности загрузки основного ресурса.

Атрибуты

data URL ресурса для встраивания
form Связанная форма
height Высота объекта
name Имя объекта
type MIME-тип данных
typemustmatch Требование соответствия типа
usemap Карта изображения
width Ширина объекта
accesskey Горячая клавиша
class CSS-классы
contenteditable Разрешает редактирование содержимого
data-* Пользовательские данные
dir Направление текста
hidden Скрывает элемент
id Уникальный идентификатор
lang Язык содержимого
spellcheck Проверка орфографии
style Инлайновые стили
tabindex Порядок перехода
title Всплывающая подсказка
translate Определяет возможность перевода
align Выравнивание (устарел)
archive Архив ресурсов (устарел)
border Граница (устарел)
classid Идентификатор класса (устарел)
codebase Базовый URL (устарел)
codetype Тип кода (устарел)
declare Отложенная загрузка (устарел)
hspace Горизонтальные отступы (устарел)
standby Текст загрузки (устарел)
vspace Вертикальные отступы (устарел)

Поддержка браузерами
4.0 1.0 4.0 1.0 1.0