Тег | htmlbook.ru
Internet Explorer | Chrome | Opera | Safari | Firefox | Android | iOS |
3.0+ | 1.0+ | 2.0+ | 1.0+ | 1.0+ | 1.0+ | 1.0+ |
Спецификация
HTML: | 3.2 | 4.01 | 5.0 | XHTML: | 1.0 | 1.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
Редакторы: Влад Мержевич
Тег | HTML справочник
HTML тегиЗначение и применение
Элемент <embed> определяет контейнер для внешнего приложения, мультимедийного файла или интерактивного контента (плагин). Предполагается, что содержимое элемента не может быть распознано браузером и требуют подключения внешних плагинов или специальных программ.
Он не входил в стандарт HTML 4, но поддерживался браузерами, официальный статус он обрёл лишь в спецификации HTML 5. Спецификация HTML 4.0 рекомендовала использовать тег <object> для загрузки внешних файлов, поэтому веб-мастера помещали тег <embed> внутрь тега элемент <object>, который применялся в качестве запасного варианта в элементе <object>, чтобы обеспечить поддержку более широкого круга браузеров и обеспечить валидность документа. В HTML 5 такой необходимоcти нет (элемент проходит валидацию).
Поддержка браузерами
Тег | Chrome | Firefox | Opera | Safari | IExplorer | Edge |
---|---|---|---|---|---|---|
<embed> | Да | Да | Да | Да | Да | Да |
Атрибуты
Атрибут | Значение | Описание |
---|---|---|
height | pixels | Определяет высоту встроенного содержимого. |
src | URL | Указывает адрес внешнего файла для встраивания. |
type | media_type | Указывает MIME-тип встроенного содержимого. |
width | pixels % | Определяет ширину встроенного содержимого. |
Пример использования
<!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 и не требует закрывающего тега.
Значение CSS по умолчанию
embed:focus { outline: none; }
Поддержка глобальных атрибутов
Элемент поддерживает «глобальные атрибуты».
Атрибуты событий
Элемент поддерживает «атрибуты событий».
HTML теги