Содержание

Тег | htmlbook.ru

Internet ExplorerChromeOperaSafariFirefoxAndroidiOS
4.0+1.0+4.0+1.0+1.0+1.0+1.0+

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

HTML:3.24.015.0XHTML:1.01.1

Описание

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

Спецификация HTML 4 разрешает вкладывать несколько тегов <object> с разным содержанием друг в друга. Это позволяет отображать тот контент, который понимает браузер, при отсутствии нужного плагина. Например, внешний тег <object> загружает видеофайл, а для случая, когда соответствующий кодек (программа для сжатия и восстановления видеоданных) не установлен, внутренний тег <object> показывает графическое изображение. Дополнительно внутрь контейнера <object> можно поместить тег <param>, который передает дополнительные параметры для отображения объекта.

Синтаксис

<object></object>

Атрибуты

align
Определяет, как объект будет выравниваться на странице и способ его обтекания текстом.
archive
Устанавливает путь к файлам, необходимым для работы объекта.
classid
Адрес программы (приложения или плагина), которая работает с данным объектом, и будет запускать его.
code
Имя объекта для его выполнения.
codebase
Путь к папке с объектом, который указан атрибутом code или classid.
codetype
Указывает на тип объекта, который задан атрибутом classid.
data
Адрес файла для его отображения в окне браузера.
height
Высота объекта.
hspace
Горизонтальный отступ от объекта до окружающего контента.
tabindex
Определяет порядок перехода между элементами с помощью клавиши Tab.
type
MIME-тип объекта.
vspace
Вертикальный отступ от объекта до окружающего контента.
width
Ширина объекта.

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

Закрывающий тег

Обязателен.

Пример

HTML 4.01IECrOpSaFx

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" 
  "http://www.w3.org/TR/html4/strict.dtd">
<html>
  <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <title>Тег OBJECT</title>
  </head>
  <body> 
   <p><object type="application/x-shockwave-flash" 
      data="images/mouse.swf">
    <param name="quality" value="high">
    <param name="wmode" value="opaque">
   </object></p>
  </body>
</html>

Тег object



Пример

Использование элемента <object> для встраивания файла Flash:

<object data=»helloworld.swf»></object>


Определение и использование

Тег <object> определяет внедренный объект в документе HTML. Этот элемент используется для встраивания мультимедиа (например, аудио, видео, Java-апплетов, ActiveX, PDF и Flash) в веб-страницы.

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

Можно использовать <param> тег для передачи параметров в плагины, которые были внедрены с тегом <object>.


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

Элемент
<object> Да Да Да Да Да

Советы и примечания

Примечание: Элемент <object> должен появиться внутри <body> Элемент. Текст между <object> и <object> является альтернативным текстом для обозревателей, которые не поддерживают этот тег.

Совет: Для изображений используйте тег <img> вместо тега <object>.

Совет: По крайней мере один из «data» или «type» атрибут должен быть определен.


Различия между HTML 4,01 и HTML5

Некоторые атрибуты HTML 4,01 не поддерживается в HTML5.

Атрибут «form» является новым в HTML5.

В HTML5 объекты могут использоваться и подаваться в формах.

В HTML5 объекты больше не могут появляться внутри элемента <head> документа.



Атрибуты

= Новый в HTML5.

Атрибут Значение Описание
align top
bottom
middle
left
right
Не поддерживается в HTML5.
Задание выравнивания элемента <object> в соответствии с окружающими элементами
archive URL Не поддерживается в HTML5.
Разделенный пробелами список URL в архивах. Архив содержит ресурсы, относящиеся к объекту
border pixels Не поддерживается в HTML5.
Задает ширину границы вокруг <object>
classid class_ID Не поддерживается в HTML5.
Определяет значение идентификатора класса, заданное в реестре Windows или URL-адрес
codebase URL Не поддерживается в HTML5.
Определяет, где найти код для объекта
codetype media_type Не поддерживается в HTML5.
Тип носителя кода, на который ссылается атрибут ClassID
data URL Указывает URL-адрес ресурса, используемого объектом
declare declare Не поддерживается в HTML5.
Определяет, что объект должен объявляться, не создаваться или создаваться до тех пор, пока не потребуется
form form_id Указывает одну или несколько форм, к которым принадлежит объект
height pixels Задает высоту объекта
hspace pixels Не поддерживается в HTML5.
Указывает пробелы на левой и правой стороне объекта
name name Задает имя объекта
standby text
Не поддерживается в HTML5.
Определяет текст для отображения во время загрузки объекта
type media_type Указывает тип носителя данных, указанных в атрибуте Data
usemap #mapname Указывает имя карты образа на стороне клиента, используемой с объектом
vspace pixels Не поддерживается в HTML5.
Указывает пробелы в верхней и нижней части объекта
width pixels Задает ширину объекта

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

Тег <object> также поддерживает Глобальные атрибуты в HTML.


Атрибуты события

Тег <object> также поддерживает Атрибуты событий в HTML.


Похожие страницы

HTML Учебник: HTML Object Element

HTML DOM reference: Object Object


Параметры CSS по умолчанию

В большинстве обозревателей элемент <object> будет отображаться со следующими значениями по умолчанию:

object:focus {
    outline: none;
}

Тег | HTML справочник

HTML теги

Значение и применение

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

Внутри элемента <object> также можно поместить резервный контент, который отображается, если не поддерживается мультимедийный файл. Атрибуты и параметры меняются в зависимости от типа объекта и иногда уникальны для сторонних плагинов, отображающих мультимедийный контент.

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

Атрибуты

АтрибутЗначениеОписание
aligntop
bottom
middle
left
right
Не поддерживается в HTML5 .
Определяет выравнивание элемента в соответствии с окружающими элементами.
archiveURLНе поддерживается в HTML5 .
Атрибут позволяет установить произвольное число файлов необходимых для работы объекта (файлы перечисляются через пробел).
borderpixelsНе поддерживается в HTML5 .
Определяет ширину границы вокруг объекта
classidclass_IDНе поддерживается в HTML5 .
Определяет класс ID значение , установленное в реестре Windows или URL.
codebaseURLНе поддерживается в HTML5 .
Определяет, где найти код для объекта
codetypemedia_typeНе поддерживается в HTML5 .
Указывает на тип объекта, заданный атрибутом classid.
dataURLЗадает адрес ресурса, который будет использоваться объектом.
declaredeclareНе поддерживается в HTML5 .

Определяет, что объект должен быть только объявлен (использование предполагается другим элементом).
formform_idЗадает одну или несколько форм к которым объект принадлежит.
heightpixelsУказывает высоту объекта.
hspacepixelsНе поддерживается в HTML5 .
Определяет пробелы слева и справа от объекта.
namenameЗадает имя объекта.
standbytextНе поддерживается в HTML5 .
Определяет текст, отображаемый в то время как объект загружается.
typemedia_typeУказывает MIME-тип, указанный в атрибуте данных
usemap#mapnameОпределяет имя карты с изображением, используемую с объектом.
vspacepixelsНе поддерживается в HTML5 .
Определяет пробелы на верхней и нижней части объекта.
widthpixels
%
Указывает ширину объекта.

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

<!DOCTYPE html>
<html>
	<head>
		<title>Пример использования тегов <object> и <embed></title>
	</head>
	<body>
		<p>Размещение видео с YouTube</p>
		<!--внедряем в страницу видео с использованием парного тега <object>-->
		<object width = "320" height = "240" data = "https://www.youtube.com/embed/d9TpRfDdyU0">
		</object>
		<!--внедряем в страницу видео с использованием тега <embed>-->
		<embed  width = "320" height = "240" src = "https://www.youtube.com/embed/d9TpRfDdyU0">
	</body>
</html>

В этом примере мы разместили видео с видео хостинга YouTube с использованием тега <object> и <embed>. Ширину и высоту видео задали с использовнием атрибутов width и height. Обратите внимание, что тег <object> парный и путь к видео необходимо указывать атрибутом data, a тег <embed> имеет синтаксис схожий с размещением обычного изображения (тег <img>) — использует атрибут src и не требует закрывающего тега.

Результат нашего примера:

Размещение видео на странице с использованием тегов <object> и <embed>.

В следующем примере рассмотрено применение элемента <object> совместно с тегом <param>, который используется для определения параметров плагинов.

<!DOCTYPE html>
<html>
	<head>
		<title>Пример использования элемента <param></title>
	</head>
	<body>
		<object data = "video.mp4" name = "videoObject"> <!--внедряем в страницу мультимедийный контент (видео)-->
			<param name = "autoplay" value = "1"> <!--параметр 1-->
			<param name = "allowFullScreen" value = "true"> <!--параметр 2-->
		</object>
		<object data =  "video.swf" name = "flashVideoObject" type = "application/x-shockwave-flash"> <!--добавляем флэш видео с параметром-->
			<param name = "loop" value = "true"> <!--параметр -->
		</object>
	</body>
</html>

Отличия HTML 4.01 от HTML 5

Большинство атрибутов не поддерживаются в HTML5. В HTML5 добавлен новый атрибут form, объекты могут быть использованы и отправлены в формах, объекты не могут использоваться внутри тега <head>.

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

object {
outline: none;
}

Поддержка глобальных атрибутов

Элемент поддерживает «глобальные атрибуты».

Атрибуты событий

Элемент поддерживает «атрибуты событий».

HTML теги

| Справочник HTML



Элемент <object> (от англ. «object» ‒ «объектк») используется для вставки в HTML-документ мультимедиа объектов (аудио и видео файлов, Java апплетов, ActiveX, PDF и Flash приложений). Тег <object> так же можно использовать для того, чтобы вставить другую веб-страницу в ваш HTML-документ.

Элемент <object> может содержать несколько элементов <param>, которые используются, чтобы определить параметры для встраиваемых в элемент плагинов.

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

Совет: Для вставки изображений следует использовать тег <img>, а не <object>.

Синтаксис

<head>...</head>

Закрывающий тег

Не обязателен.

Атрибуты

alignУстарел в HTML5
Определяет, как объект будет выравниваться на странице и способ его обтекания текстом.

archiveУстарел в HTML5
Атрибут позволяет установить произвольное число файлов необходимых для работы объекта (файлы перечисляются через пробел).

classidУстарел в HTML5
Адрес программы (приложения или плагина), которая работает с данным объектом, и будет запускать его.

codeУстарел в HTML5
Имя объекта для его выполнения.

codebaseУстарел в HTML5
Путь к папке с объектом, который указан атрибутом code или classid.

codetypeУстарел в HTML5
Указывает на тип объекта, который задан атрибутом classid.

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

declareУстарел в HTML5
Определяет, что объект должен быть только объявлен (использование предполагается другим элементом).

formHTML5
Присоединяет объект к форме.

height
Высота отображаемого ресурса, в пикселях CSS.

hspaceУстарел в HTML5
Горизонтальный отступ от объекта до окружающего контента.

name
Указывает имя объекта.

standbyУстарел в HTML5
Указывает текст, отображаемый во время загрузки объекта.

type
Указывает MIME-тип, указанный в атрибуте данных.

typemustmatchHTML5
Указывает на необходимость соответствия указанного и фактического типа содержимого ресурса.

usemap
Определяет используемую с объектом карту изображения.

vspaceУстарел в HTML5
Вертикальный отступ от объекта до окружающего контента.

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

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

Стилизация по умолчанию

Большинство браузеров отобразит элемент <object> со следующими значениями CSS по умолчанию:

object:focus {
    outline: none;
}

Различия между HTML 4.01 и HTML5

Большинство атрибутов не поддерживаются в HTML5. В HTML5 добавлены новые атрибуты form и typemustmatch, объекты могут быть использованы и отправлены в формах, объекты не могут использоваться внутри тега <head>.

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

Вставляем флэш-анимацию:

Пример HTML: Попробуй сам
<object type="application/x-shockwave-flash"
 data="object_clock.swf">
<param name="move" value="object_clock.swf">
</object>

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

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

Элемент
<object> 3+ 1+ 4+ 1+ 1+ 1+
Элемент
<object> 1+ 1+ 6+ 1+

Учебник HTML

HTML уроки: HTML Элементы



object html

Всем привет! Сегодня мы рассмотрим интересные возможности которые предоставляет нам тег object появившийся в спецификации html4. Итак, поехали!

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

К примеру, это видео с другого источника.

<object data="https://www.youtube.com/embed/3Fe8wUpWAAo"></object>

Здесь я через тег object подключил к странице видео с youtube. Как вы знаете, раньше для такого подключения приходилось пользоваться тегом iframe. Плохо это или хорошо, но теперь вместо iframe вы можете пользоваться данным тегом.

Заметьте что путь в object прописывается с помощью атрибута data.

Помимо видео через данный тег можно подключать аудио файлы и картинки.

<object data="78_Cowbell_SP_03.wav"></object>

<object data="img/mask.png"></object>

В данном примере мы со своего источника подключили аудио файл 78_Cowbell_SP_03.wav и картинку mask.png. Ничто не мешает нам указывать пути и к сторонним источникам.

Также используя данный тег есть возможность подключать файлы и загружать целые страницы с другим источников.

<object data="test.html"></object>

<object data="https://webfanat.com"></object>

Здесь мы подключили файл test.html и подгрузили страницу https://webfanat.com. По своей сути элемент object это новая альтернатива элементу iframe. Он также возвращает заголовки с другого источника элемент которого мы подключаем. Разница заключается в том что iframe встраивает элементы на страницу, а object их подключает и делает понятными для браузера.

Данный элемент поддерживается всеми современными браузерами за исключением пожалуй что IE.

Поэтому смотрите, тестите и внедряйте. На этом данная статья подошла к концу. Не забывайте оставлять комментарии и подписывайтесь в мою группу

ВК

На этом у меня все. Желаю успехов и удачи! Пока.

Внимание!!! Комментарий теперь перед публикацией проходит модерацию

Тег | HTML справочник

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

Описание

HTML тег <object> определяет встроенный объект в HTML-документе. Тег используется для вставки таких объектов как изображения, аудио, видео, java-апплетов, activeX-элементов, PDF и flash. Дополнительно внутрь элемента <object> можно поместить тег <param>, который передает дополнительные параметры плагинов для отображения объекта.

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

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

Атрибуты

data:
Определяет путь к файлу, который будет вставлен на веб-страницу. Пример »
form:
Связывает элемент <object> с формой. Значением атрибута должен быть идентификатор нужного элемента <form>.
height:
Указывает высоту вставляемого контента в пикселях (пример:). Пример »
name:
Определяет имя для элемента, оно может использоваться для доступа к элементу в JavaScript. Пример »
type:
Указывает MIME-тип (спецификация форматирования сообщений и кодирования информации для передачи по интернету) вставляемого контента. Пример »
usemap:
Определяет вставляемый контент в качестве карты-изображения. Значение (обязательно должно начинаться с символа «#»), указанное в данном атрибуте, ассоциируется со значением атрибута name элемента <map> и создает связь между элементами <object> и <map>. Пример »
width:
Указывает ширину вставляемого контента в пикселях (пример:). Пример »

Тег <object> так же поддерживает Глобальные атрибуты и События

Стиль по умолчанию


object:focus {
    outline: none;
} 

Пример


<object data="restless.swf">
  Ваш браузер не поддерживает тег object
</object>

Результат данного примера в окне браузера:

Бирка HTML

Бирка <object> HTML использована для того чтобы врезать мультимедиа в документе HTML. Бирка <param> также использована вместе с этой биркой для того чтобы определить различные параметры.

Эта бирка поддерживает полностью глобальный описанную атрибутами внутри — справку атрибута HTML

HTML <object> бирки поддержки также следовать дополнительными атрибутами:

Эта бирка поддерживает полностью справку случаев HTML случая описанную атрибутами внутри —

АтрибутЗначениеОписание
align

left

right

top

bottom

Определяет визуально выравнивание предмета
archiveURLСписок отделенный космосом URL к архивохранилищам.
borderпикселыОпределяет ширину границы вокруг предмета
classidУдостоверение личности типаОпределяет значение удостоверения личности типа как установил в регистратуре Windows или URL.
codebaseURLОпределяет путь где обжектный код обнаружен местонахождение.
codetypeтип пантомимыТипов носителя интернета Кода сослался к атрибуту classid.
dataURLОпределяет URL для данных по предмета.
declaredeclareОпределяет что предмет не будет должен только быть объявлен, создан или instantiated до тех пор пока.
heightпикселыОпределяет высоту предмета.
hspaceпикселыОпределяет горизонтальный космос вокруг предмета.
name

предмет

имя

Определяет уникально имя для предмета
standbyтекстОпределяет текст для показа пока предмет нагружает.
typeтип пантомимыОпределяет тип MIME данных определенных в атрибуте данных.
usemapURLОпределяет URL карты изображения клиент-стороны, котор нужно использовать с предметом
vspaceпикселыОпределяет вертикальный космос вокруг предмета.
widthпикселыОпределяет ширину предмета.

HTML-тег объекта


Пример

Встроенное изображение:

Попробуй сам »

Пример

Встроенная HTML-страница:

Попробуй сам »

Пример

Встроенное видео:

Попробуй сам »

Определение и использование

Тег определяет контейнер для внешнего ресурса.

Внешним ресурсом может быть веб-страница, изображение, медиаплеер или подключаемый модуль.

Для встраивания картинки лучше использовать тег .

Для встраивания HTML лучше использовать тег