HTML - тег <embed> используется как контейнер для внешних приложений, мультимедиа и интерактивного контента, который не понимает браузер. Для их корректного отображения необходимо подключить внешние плагины или специальные программы. Отображение встроенного контента зависит от типа файла, атрибутов тега <embed> и установленных в браузере плагинов.
Тег <embed> - синтаксис и код
<embed> пустой тег, что означает, что закрывающий тег не требуется. Но в XHTML тег (<embed>) должен быть закрыт (<embed/>).
Встроенное изображение:
<embed type="image/jpg" src="/htm/img_leopard.jpg" alt="Леопард" width="194" height="200" >
Элемент embed (встроенное изображение)
Встроенная HTML-страница:
<embed type="text/html" src="/htm/ex-html-style-element.htm" width="500" height="200">
Элемент embed (встроенная HTML - страница)
Встроенное видео:
<embed type="video/mp4" src="/htm/video/eagle.mp4">
Элемент embed (встроенное видео)
Определение и использование
- HTML - тег
<embed> определяет контейнер для внешнего ресурса, например веб-страницы, изображения, медиаплеера или подключаемого приложения.
Хотя тег <embed> поддерживается браузерами, он является устаревшим тегом HTML и не является частью стандарта HTML4.
Чтобы загрузить объекты в HTML4, используйте тег <object>. Но поскольку не все браузеры правильно отображают содержащуюся в нем информацию, разработчики используют тег <embed> внутри контейнера <object>, чтобы обеспечить поддержку большего количества браузеров, а также достоверность документа.
Поскольку тег <embed> является одним из элементов HTML5, проблем с проверкой документа в HTML5 не возникает.
⚠ Предупреждение:
Большинство браузеров больше не поддерживают Java-апплеты и плагины.
Элементы ActiveX больше не поддерживаются ни в одном браузере.
В современных браузерах также отключена поддержка Shockwave Flash.
✪ Рекомендация:
Для отображения картинки лучше использовать тег
<img>.
Для отображения HTML лучше использовать тег
<iframe>.
Для отображения видео или аудио лучше использовать теги
<video> и
<audio>.
★ Примечание:
Используйте свойство CSS object-position, чтобы исправить положение встроенного объекта внутри рамки элемента.
Поддержка <embed> браузерами
 |
✅ Поддерживает |
 |
✅ Поддерживает |
 |
✅ Поддерживает |
 |
✅ Поддерживает |
 |
✅ Поддерживает |
Атрибуты
| Атрибут |
Значение |
Описание |
| height |
pixels |
Указывает высоту встроенного контента |
| src |
URL |
Указывает адрес внешнего файла для встраивания |
| type |
media_type |
Указывает тип носителя встроенного контента |
| width |
pixels |
Определяет ширину встроенного контента |
Глобальные атрибуты
Тег <embed> также поддерживает глобальные атрибуты в HTML
Атрибуты событий
Тег <embed> также поддерживает атрибуты событий в HTML
Настройки CSS по умолчанию
Большинство браузеров будут отображать элемент embed со следующими значениями по умолчанию:
embed:focus {
outline: none;
}
Полный список всех доступных тегов HTML см. в Справочнике по тегам HTML.
