: Вложение расширенных элементов — HTML
**HTML-элемент <embed>
**вставляет расширенный контент в выбранное место документа. Этот контент может быть представлен от внешнего приложения или другого источника интерактивного контента, такого как плагин для браузера, например.
Примечание: Этот раздел посвящён только элементу, который является частью стандарта HTML5, и никак не касается ранних, нестандартизированных его реализаций.
Имейте ввиду, что большинство современных браузеров посчитали устаревшей и удалили поддержку встраивания плагинов, так что использование <embed>
, как правило, не рекомендуется, если вы хотите, чтобы ваш сайт одинаково работал у всех его пользователей.
Категории контента | Flow content (en-US), phrasing content (en-US), embedded content, interactive content, palpable content. |
---|---|
Допустимое содержимое | |
Пропуск тегов | Должен иметь открывающий тег, закрывающий тег должен быть пропущен |
Допустимые родители | Любой элемент, который допускает встроенный контент |
Допустимые ARIA-роли | application (en-US) , document (en-US) , img (en-US) , presentation (en-US) |
DOM-интерфейс | HTMLEmbedElement (en-US) |
Атрибуты этого элемента включают все глобальные атрибуты.
height
Отображает высоту ресурса в CSS пикселях. Это должно быть абсолютное значение; проценты не допустимы.
src
Ссылка на встраиваемый ресурс.
type
MIME-тип, используемый для выбора подключаемого модуля для создания экземпляра.
width
Отображает ширину ресурса в CSS пикселях. Это должно быть абсолютное значение; проценты не допустимы.
Вы можете использовать свойство object-position
, чтобы настроить расположение встроенного объекта в рамке элемента, а также свойство object-fit
, чтобы контролировать регулирование размер объекта в соответствии с рамкой.
<embed type="video/quicktime" src="movie.mov" />
Specification |
---|
HTML Standard # the-embed-element |
BCD tables only load in the browser with JavaScript enabled. Enable JavaScript to view data.
Примечание: До версии 45, Firefox не отображает содержимое HTML-ресурса, но сообщает о том, что для отображения контента требуется плагин (см. баг 730768).
- Другие элементы, используемые для встраивания различного рода контента:
<audio>
,<canvas>
,<iframe>
(en-US),<img>
,<math>
,<object>
(en-US),<svg>
, and<video>
. - Свойства, для позиционирования и определения размера внедрённого контента в его фрейме:
object-position
andobject-fit
Found a content problem with this page?
- Edit the page on GitHub.
- Report the content issue.
- View the source on GitHub.
Want to get more involved?
Learn how to contribute.
This page was last modified on by MDN contributors.
Тег | 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 и не требует закрывающего тега.
Результат нашего примера:
Размещение видео на странице с использованием тегов <object> и <embed>.Значение CSS по умолчанию
embed:focus { outline: none; }
Поддержка глобальных атрибутов
Элемент поддерживает «глобальные атрибуты».
Атрибуты событий
Элемент поддерживает «атрибуты событий».
HTML тегиТег для встраивания HTML
❮ Назад Полный справочник HTML Далее ❯
Пример
Встроенное изображение:
Попробуйте сами »
Пример
Встроенная HTML-страница:
embed type=»text/html» src=»snippet.html»>Попробуйте сами »
Пример
Встроенное видео:
Попробуйте сами »
Определение и использование
Тег
определяет контейнер для внешнего ресурса,
таких как веб-страница, изображение, мультимедийный проигрыватель или подключаемый модуль.
Предупреждение
Большинство браузеров больше не поддерживают апплеты и подключаемые модули Java.
Элементы управления ActiveX больше не поддерживаются ни в одном браузере.
В современных браузерах также отключена поддержка Shockwave Flash.
Предложение
Для отображения картинки лучше использовать тег
.
Для отображения HTML лучше использовать тег
.
Для отображения видео или аудио лучше использовать теги и
.
Поддержка браузера
Элемент | |||||
---|---|---|---|---|---|
<вставить> | Да | Да | Да | Да | Да |
Атрибуты
Атрибут | Значение | Описание |
---|---|---|
высота | пикселей | Задает высоту встроенного содержимого |
источник | URL-адрес | Указывает адрес внешнего файла для встраивания |
тип | тип_медиа | Указывает тип носителя встроенного содержимого |
ширина | пикселей | Указывает ширину встроенного содержимого |
Глобальные атрибуты
Тег
также поддерживает глобальные атрибуты в HTML.
Атрибуты событий
Связанные страницы
Ссылка HTML DOM: Embed Object
Настройки CSS по умолчанию
Большинство браузеров отображают элемент
со следующими значениями по умолчанию:
embedline:focus 4 { 9000;
}
❮ Предыдущий Полный справочник HTML Следующий ❯
НАБОР ЦВЕТА
Лучшие учебники
Учебник по HTMLУчебник CSS
Учебник JavaScript
Учебник SQL
Учебник Python
Учебник W3.CSS
Учебник Bootstrap
Учебник PHP
Учебник Java
Учебник C++
Учебник jQuery
2 Top 9 6 HTML Reference
CSS Reference
JavaScript Reference
SQL Reference
Python Reference
W3.CSS Reference
Bootstrap Reference
PHP Reference
HTML Colors
Java Reference
Angular Reference
Справочник по jQuery
Основные примеры
Примеры HTMLПримеры CSS
Примеры JavaScript
Примеры инструкций
Примеры SQL
Примеры Python
Примеры W3. CSS
Примеры Bootstrap
Примеры PHP
Примеры Java
Примеры XML
Примеры jQuery
FORUM | О
W3Schools оптимизирован для обучения и обучения. Примеры могут быть упрощены для улучшения чтения и обучения. Учебники, ссылки и примеры постоянно пересматриваются, чтобы избежать ошибок, но мы не можем гарантировать полную правильность всего содержания. Используя W3Schools, вы соглашаетесь прочитать и принять наши условия использования, куки-файлы и политика конфиденциальности.
Copyright 1999-2023 Refsnes Data. Все права защищены.
W3Schools работает на основе W3.CSS.
: Элемент Embed External Content — HTML: Язык гипертекстовой разметки
HTML-элемент встраивает внешнее содержимое в указанную точку документа. Этот контент предоставляется внешним приложением или другим источником интерактивного контента, например подключаемым модулем браузера.
Примечание: В этом разделе документируется только тот элемент, который определен как часть HTML Living Standard. Он не касается более ранней нестандартной реализации элемента.
Имейте в виду, что большинство современных браузеров устарели и удалили поддержку подключаемых модулей браузера, поэтому полагаться на
, как правило, неразумно, если вы хотите, чтобы ваш сайт работал в браузере обычного пользователя.
Атрибуты этого элемента включают глобальные атрибуты.
-
высота
Отображаемая высота ресурса в пикселях CSS. Это должно быть абсолютное значение; проценты не разрешены .
-
источник
URL-адрес внедряемого ресурса.
-
тип
Тип MIME, используемый для выбора подключаемого модуля для создания экземпляра.
-
ширина
Отображаемая ширина ресурса в пикселях CSS. Это должно быть абсолютное значение; проценты не разрешены .
Вы можете использовать объект-позиция
для настройки положения встроенного объекта в фрейме элемента, и свойство object-fit
для управления тем, как регулируется размер объекта, чтобы он помещался в фрейме.
<вставить тип = "видео/быстрое время" src="movie.mov" title="Название моего видео" />
Используйте атрибут title
элемента embed
, чтобы пометить его содержимое, чтобы люди, использующие вспомогательные технологии, такие как программа чтения с экрана, могли понять, что он содержит. Значение заголовка должно кратко описывать встроенный контент. Без названия они не смогут определить встроенный контент. Этот сдвиг контекста может сбивать с толку и отнимать много времени, особенно если embed
Элемент содержит интерактивный контент, такой как видео или аудио.
Категории контента | Потоковое содержание, фразовый контент, встроенный контент, интерактивный контент, ощутимое содержание. |
---|---|
Разрешенный контент | Нет; это пустой элемент. |
Отсутствие тега | Должен иметь начальный тег и не иметь конечного тега. |
Разрешенные родители | Любой элемент, принимающий встроенное содержимое. |
Неявная роль ARIA | Нет соответствующей роли |
Разрешенные роли ARIA | приложение , документ , изображение , нет , презентация |
Интерфейс DOM | HTMLEmbedElement |
Спецификация |
---|
HTML Standard # Embed-Element |
BCDALD. Включите JavaScript для просмотра данных.
- Другие элементы, используемые для встраивания контента различных типов, включают
,
.