<object>
- 25 января 2023
Что делает тег
Тег <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.
«Доктайп» — журнал о фронтенде. Читайте, слушайте и учитесь с нами.
Читать дальше


Как правильно добавить секцию на страницу. Тег <section>
Синтаксис, примеры использования, основные атрибуты.
- 25 января 2023