Перейти к содержанию

<object>

Тег <object> (от англ. object — объект) сообщает браузеру, как загружать и отображать объекты, которые исходно браузер не понимает.

Как правило, такие объекты требуют подключения к браузеру специального модуля, который называется плагин, или запуска вспомогательной программы.

Дополнительно внутрь контейнера <object> можно поместить элемент <param>, который передаёт дополнительные параметры для отображения объекта.

Демо

Изображения и мультимедиа

Синтаксис

1
<object></object>

Закрывающий тег обязателен.

Атрибуты

data

Адрес файла для его отображения в окне браузера.

height

Высота объекта.

type

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

width

Ширина объекта.

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

data

Определяет файл, который следует отобразить в окне браузера. Для популярных форматов данных достаточно указать путь к файлу и его тип (атрибут type) для загрузки и демонстрации результата.

Путь следует задавать относительно текущего документа.

Синтаксис

1
<object data="<адрес>">...</object>

Значения

В качестве значения принимается полный или относительный путь к файлу.

Значение по умолчанию

Нет.

height и width

Атрибут height устанавливает высоту объекта, а width — его ширину. В заданные размеры входит не только само изображение, например в случае воспроизведения видеофайла, но и панель управления им, включая кнопки проигрывания, паузы, остановки и т. д. По этой причине на размер отображаемого объекта влияет тип файла и применяемый плагин.

Если используется процентная запись, то размеры объекта вычисляются относительно родительского элемента — контейнера, где находится элемент <object>. В случае отсутствия родительского контейнера, в его качестве выступает окно браузера. Иными словами, width="100%" означает, что объект будет занимать всю доступную ширину веб-страницы.

Синтаксис

1
<object height="значение" width="значение">...</object>

Значения

Любое целое положительное число в пикселях или процентах.

Значение по умолчанию

Нет.

type

Устанавливает MIME-тип объекта для распознавания браузером.

Синтаксис

1
<object type="<MIME-тип>">...</object>

Значения

Имя MIME-типа в любом регистре.

Значение по умолчанию

Нет.

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

Описание и примеры

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16
17
18
19
20
<!doctype html>
<html>
    <head>
        <meta charset="utf-8" />
        <title>OBJECT</title>
    </head>
    <body>
        <p>
            <object
                type="application/x-shockwave-flash"
                data="flash/mouse.swf"
                width="400"
                height="300"
            >
                <param name="quality" value="high" />
                <param name="wmode" value="opaque" />
            </object>
        </p>
    </body>
</html>

Ссылки

Комментарии