It is used to embed external content at the specified point in the document. This content is provided by an external application or other source of interactive content such as a browser plug-in.
Keep in mind that most modern browsers have deprecated and removed support for browser plug-ins, so relying upon <embed>
is generally not wise if you want your site to be operable on the average user's browser.
- To embed a picture, it is better to use the
<img>
tag. - To embed HTML, it is better to use the
<iframe>
tag. - To embed video or audio, it is better to use the
<video>
and<audio>
tags.
It can have some implicit ARIA roles: application
, document
, img
, none
or presentation
.
Attributes
height
The displayed height of the resource, in CSS pixels (absolute values only. NO percentages).
src
The URL of the resource being embedded.
type
The MIME type to use to select the plug-in to instantiate.
width
The displayed width of the resource, in CSS pixels (absolute values only. NO percentages).
Styling
You can use the object-position
property to adjust the positioning of the embedded object within the element's frame, and the object-fit
property to control how the object's size is adjusted to fit within the frame.
Accessibility
Use the title
attribute on an embed element to label its content so that people navigating with assistive technology such as a screen reader can understand what it contains. The title's value should concisely describe the embedded content. Without a title, they may not be able to determine what its embedded content is. This context shift can be confusing and time-consuming, especially if the embed element contains interactive content like video or audio.
- Type: -
- Self-closing: Yes
- Semantic value: No
Top comments (0)