<object>

Что делает тег

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

Синтаксис тега <object>

<object>
  <param name="attribute_name" value="attribute_value">
  <!-- Вставка контента, который будет отображаться, если браузер не поддерживает тег <object> -->
</object>

Спецификация HTML

Тег является частью спецификации HTML Living Standard.

Семантический или нет

Тег

Примеры использования

Вставка видео:

<object data="movie.mp4" width="400" height="300"></object>

Вставка анимации:

<object data="animation.swf" width="400" height="300"></object>

Вставка аудио:

<object data="music.mp3" width="200" height="50"></object>

Вставка карты:

<object data="map.svg" width="400" height="300"></object>

Вставка интерактивной графики:

<object data="graph.html" width="400" height="300"></object>

Вставка pdf-документа:

<object data="document.pdf" width="500" height="600"></object>

Для чего использовать тег <object>

• Вставить видео с YouTube.
• Показать PDF-файл.
• Добавить на сайт интерактивную карту, например, созданную в Google Maps.
• Вставить на страницу аудио и видео.
• Добавить на страницу мультимедийную рекламу.
• Вставить содержимое, которое можно обновить через JavaScript.

Атрибуты тега <object>

data — URL или относительный путь к объекту.

type — MIME-тип объекта.

name — имя объекта.

usemap — URL карты изображения.

width — ширина объекта.

height — высота объекта.

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

Тег поддерживает все глобальные атрибуты HTML.

Ограничения

При использовании <object> нужно добавлять закрывающий тег — </object>.

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

Не все браузеры поддерживают тег <object>. Подробности — на caniuse.

Альтернативные теги

Для вставки изображений можно использовать тег , для вставки видео — тег <video>, для аудио — <audio>.

Чем заменить тег

Для замены тега <object> используйте альтернативные теги, указанные выше.

Актуальность

Тег <object> не устарел, можете использовать его в веб-разработке.

Хотите узнать больше об HTML-тегах?

Прочитайте справочник по HTML или познакомьтесь с вёрсткой на интерактивных тренажёрах в HTML Academy.

«Доктайп» — журнал о фронтенде. Читайте, слушайте и учитесь с нами.