HTML тег - embed - определение и примеры использования
Меню
Веб-разработка
Тег embed HTML

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> браузерами

Crome Поддерживает
Edge Поддерживает
Firefox Поддерживает
Safari Поддерживает
Opera Поддерживает

Атрибуты

Атрибут Значение Описание
height pixels Указывает высоту встроенного контента
src URL Указывает адрес внешнего файла для встраивания
type media_type Указывает тип носителя встроенного контента
width pixels Определяет ширину встроенного контента

Глобальные атрибуты

Тег <embed> также поддерживает глобальные атрибуты в HTML

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

Тег <embed> также поддерживает атрибуты событий в HTML


Настройки CSS по умолчанию

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

embed:focus {
  outline: none;
}


Полный список всех доступных тегов HTML см. в Справочнике по тегам HTML.

 

Поделиться ссылкой