DEV Community

Cover image for HTML tags | embed
Carlos Espada
Carlos Espada

Posted on • Edited on

3 1

HTML tags | embed

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

Definition and example | Support

Sentry blog image

Identify what makes your TTFB high so you can fix it

In the past few years in the web dev world, we’ve seen a significant push towards rendering our websites on the server. Doing so is better for SEO and performs better on low-powered devices, but one thing we had to sacrifice is TTFB.

Read more

Top comments (0)

Sentry image

See why 4M developers consider Sentry, “not bad.”

Fixing code doesn’t have to be the worst part of your day. Learn how Sentry can help.

Learn more

👋 Kindness is contagious

Engage with a sea of insights in this enlightening article, highly esteemed within the encouraging DEV Community. Programmers of every skill level are invited to participate and enrich our shared knowledge.

A simple "thank you" can uplift someone's spirits. Express your appreciation in the comments section!

On DEV, sharing knowledge smooths our journey and strengthens our community bonds. Found this useful? A brief thank you to the author can mean a lot.

Okay