Embed html – : The Embed External Content element — HTML: Hypertext Markup Language

Тег | htmlbook.ru

Internet ExplorerChromeOperaSafariFirefoxAndroidiOS
3.0+1.0+2.0+1.0+1.0+1.0+1.0+

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

HTML:3.24.015.0XHTML:1.01.1

Описание

Элемент <embed> используется для загрузки и отображения объектов (например, видеофайлов, флэш-роликов, некоторых звуковых файлов и т.д.), которые исходно браузер не понимает. Как правило, такие объекты требуют подключения к браузеру специального модуля, который называется плагин, или запуска вспомогательной программы.

Спецификация HTML 4.0 рекомендует использовать тег <object> для загрузки внешних данных вместо тега <embed>. Однако некоторые браузеры не отображают таким образом нужную информацию, поэтому наилучшим вариантом будет поместить <embed> внутрь контейнера <object>.

Вид внедренного объекта зависит от установленных в браузере плагинов, типа загружаемого файла, а также от атрибутов тега <embed>. На рис. 1 и рис. 2 показан вид воспроизведения в браузере различных типов файлов.

Рис. 1. Воспроизведение видеофайла в браузере

Рис. 2. Воспроизведение аудиофайла в браузере

Синтаксис

<embed></embed>

Атрибуты

align
Определяет как объект будет выравниваться на странице и способ его обтекания текстом.
height
Высота объекта.
hidden
Указывает, скрыть объект на странице или нет.
hspace
Горизонтальный отступ от объекта до окружающего контента.
pluginspage
Адрес страницы в Интернете, откуда можно скачать и установить плагин к браузеру.
src
Путь к файлу.
type
MIME-тип объекта.
vspace
Вертикальный отступ от объекта до окружающего контента.
width
Ширина объекта.

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

Не требуется.

Пример

HTML5IECrOpSaFx

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <title>Тег EMBED</title>
  </head>
  <body> 
    <embed src="images/mouse.swf" 
           type="application/x-shockwave-flash"
           pluginspage="http://www.macromedia.com/go/getflashplayer">  
  </body>
</html>

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



Элемент <embed> (от англ. «embed» ‒ «вставить») используется для загрузки и отображения объектов (видеофайлов, флеш-роликов, некоторых звуковых файлов и т. д.), которые исходно браузер не понимает. Как правило, такие объекты требуют подключения внешних плагинов или специальных программ. Причем, на один тип файла может быть несколько плагинов от разных производителей. Соответственно и внешний вид объектов в браузерах может быть разный, в зависимости от того, какой конкретно плагин установлен в браузере пользователя.

Элемент <embed>, как и <object> относится к той же самой категории, что и изображения <img>, и фреймы <iframe>, а именно — строчные элементы с замещаемым контентом.

Ведет себя такой элемент как строчный, но внутри него отображается посторонний внешний контент — изображение в случае <img> или видеофайлы и флеш-анимация в случае <embed> и <object>. Таким образом эти элементы подразумевают наличие внешнего файла, который будет подгружаться в эту самую область, заданную соответствующими атрибутами.

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

Синтаксис

<embed>

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

Не требуется.

Атрибуты

alignУстарел в HTML5
Определяет, как объект будет выравниваться на странице и способ его обтекания текстом.
height
Высота объекта отображаемая в пикселях CSS.
hidden
Указывает, скрыть объект на странице или нет.
hspaceУстарел в HTML5
Горизонтальный отступ от объекта до окружающего контента.
pluginspage
Адрес страницы в Интернете, откуда можно скачать и установить плагин к браузеру.
src
Указывает адрес внешнего файла для встраивания.
type
MIME-тип вставляемого контента.
vspaceУстарел в HTML5
Вертикальный отступ от объекта до окружающего контента.
width
Ширина объекта отображаемая в пикселях CSS.

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

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

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

embed:focus { 
    outline: none;
}

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

Хотя многие браузеры давно поддерживают тег <embed>, тем не менее, тег <embed> никогда не был частью спецификации HTML 4. Впервые он был введен в спецификацию HTML5. Таким образом, страницы HTML 4 с этим тегом не будут проходить валидацию. А аналогичные страницы HTML5 будут считаться валидными.

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

Элемент <embed>

Пример HTML:

Попробуй сам
<embed src="shar.swf" 
           type="application/x-shockwave-flash"
           pluginspage="https://get.adobe.com/flashplayer">
<object width = "320" height = "240" data = "shar.swf"></object>

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

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

Элемент
<embed> 3+ 1+ 3.5+ 1+ 1+ 1+
Элемент
<embed> 1+ 1+ 6+ 1+


| HTML | WebReference

Элемент <embed> (от англ. embed — вставить, внедрить) используется для загрузки и отображения объектов (например, видеофайлов, флэш-роликов, некоторых звуковых файлов и т. д.), которые исходно браузер не понимает. Как правило, такие объекты требуют подключения к браузеру специального модуля, который называется плагин, или запуска вспомогательной программы.

Вид внедрённого объекта зависит от установленных в браузере плагинов, типа загружаемого файла, а также от атрибутов элемента <embed>.

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

Атрибуты

align
Определяет, как объект будет выравниваться на странице и способ его обтекания текстом.
height
Высота объекта.
hidden
Указывает, скрыть объект на странице или нет.
hspace
Горизонтальный отступ от объекта до окружающего контента.
pluginspage
Адрес страницы в Интернете, откуда можно скачать и установить плагин к браузеру.
src
Путь к файлу.
type
MIME-тип объекта.
vspace
Вертикальный отступ от объекта до окружающего контента.
width
Ширина объекта.

Пример

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <title>EMBED</title>
  </head>
  <body> 
    <embed src="flash/mouse.swf" 
           type="application/x-shockwave-flash"
           pluginspage="https://get.adobe.com/flashplayer">  
  </body>
</html>

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

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

Каждая спецификация проходит несколько стадий одобрения.

  • Recommendation (Рекомендация) — спецификация одобрена W3C и рекомендована как стандарт.
  • Candidate Recommendation (Возможная рекомендация) — группа, отвечающая за стандарт, удовлетворена, как он соответствует своим целям, но требуется помощь сообщества разработчиков по реализации стандарта.
  • Proposed Recommendation (Предлагаемая рекомендация) — на этом этапе документ представлен на рассмотрение Консультативного совета W3C для окончательного утверждения.
  • Working Draft (Рабочий проект) — более зрелая версия черновика после обсуждения и внесения поправок для рассмотрения сообществом.
  • Editor’s draft (Редакторский черновик) — черновая версия стандарта после внесения правок редакторами проекта.
  • Draft (Черновик спецификации) — первая черновая версия стандарта.

Особняком стоит живой стандарт HTML (Living) — он не придерживается традиционной нумерации версий, поскольку находится в постоянной разработке и обновляется регулярно.

×

Браузеры

В таблице браузеров применяются следующие обозначения.

  •  — элемент полностью поддерживается браузером;
  •  — элемент браузером не воспринимается и игнорируется;
  •  — при работе возможно появление различных ошибок, либо элемент поддерживается с оговорками.

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

×

Автор и редакторы

Автор: Влад Мержевич

Последнее изменение: 09.10.2018

Редакторы: Влад Мержевич

Курс по вёрстке сайта на CSS Grid

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

HTML теги

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

Элемент <embed> определяет контейнер для внешнего приложения, мультимедийного файла или интерактивного контента (плагин). Предполагается, что содержимое элемента не может быть распознано браузером и требуют подключения внешних плагинов или специальных программ.

Он не входил в стандарт HTML 4, но поддерживался браузерами, официальный статус он обрёл лишь в спецификации HTML 5. Спецификация HTML 4.0 рекомендовала использовать тег <object> для загрузки внешних файлов, поэтому веб-мастера помещали тег <embed> внутрь тега элемент <object>, который применялся в качестве запасного варианта в элементе <object>, чтобы обеспечить поддержку более широкого круга браузеров и обеспечить валидность документа. В HTML 5 такой необходимоcти нет (элемент проходит валидацию).

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

Тег
Chrome

Firefox

Opera

Safari

IExplorer

Edge
<embed>ДаДаДаДаДаДа

Атрибуты

АтрибутЗначениеОписание
heightpixelsОпределяет высоту встроенного содержимого.
srcURLУказывает адрес внешнего файла для встраивания.
typemedia_typeУказывает MIME-тип встроенного содержимого.
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>.

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

embed:focus {
outline: none;
}

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

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

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

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

HTML теги

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *