html.okpython.net
HTML и CSS для начинающих

HTML :: Тег <object>

В HTML тег <object> (от англ. objectобъект) используется для вставки и отображения на странице объектов, которые браузер не понимает изначально (например, некоторые виды видео и аудиофайлов, а также флэш-роликов). Как правило, такие объекты требуют использования плагинов (от англ. plug in), представляющих собой независимо компилируемые программные модули, которые подключаются к браузеру и расширяют его возможности по отображению различных объектов. При этом вид внедряемых объектов зависит не только от браузера, но и от используемого плагина, типа загружаемого файла и атрибутов самого элемента <object>. В случае необходимости внутри контейнера <object> разрешается размещать элементы <param>, которые позволяют передавать дополнительные параметры плагинов для отображения объекта.

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

Синтаксис

	<object>
		...
		<param>
		...
	</object>		 			
	
	Закрывающий тег: обязателен.

Атрибуты

  • data – указывает абсолютный или относительный путь к подключаемому файлу (подробнее здесь).
  • form – связывает элемент <object> с формой, в качестве значения принимая соответствующее значение атрибута id формы. Это может потребоваться в случае, когда элемент расположен за пределами формы.
  • height – задает высоту области просмотра в пикселях CSS (проценты не допустимы).
  • name – задает уникальное имя элементу, которое позволяет обращаться к нему через скрипты.
  • type – указывает MIME-тип подключаемого объекта. Ознакомиться с полным списком mime-типов можно на сайте Мозилы здесь или на Википедии здесь.
  • usemap – сообщает браузеру о том, что вставляемый объект является клиентской картой-изображением. В качестве значения атрибут принимает знак решетки, за которым следует имя элемента map, содержащего координаты для данной карты-изображения (например, если <map name="clientMap">, то атрибут должен иметь вид usemap="#clientMap").
  • width – задает ширину области просмотра в пикселях CSS (проценты не допустимы).
  • Также для элемента доступны универсальные атрибуты и соответствующие атрибуты-события.

Ссылки

Примеры

HTML Результат htmlCodes
<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">	
	<base href="https://site.name/">
	<title>Пример №1</title>
</head>
<body>
	
	<!-- Для просмотра примера установите флэшплейер -->
	
	<!-- Здесь мы вставили ролик про Саймона, но уже в формате флеш-плейера, -->
	<!-- который мы не сможем воспроизвести при момощи тегов audio и video -->
	<!-- Функции контрольной панели в плагине выполняет контекстное меню -->
	<object data="html_files/video/Саймон.swf" width="640" height="480" 
	type="application/x-shockwave-flash" 
	pluginspage="http://www.macromedia.com/go/getflashplayer">
	
		<param name="play" value="true">
		<param name="loop" value="false">
		
		<p>
			Для воспроизведения ролика установите флэшплейер и используйте <br>
			контекстное меню, поскольку контрольная панель плагином не предусмотрена. 
		</p>	
	</object>
</body>
</html>

Пример №1