<embed> and <object>

Syntax

<object data="file.pdf" type="application/pdf" width="600" height="400"></object>

Examples

<object data="/docs/guide.pdf" type="application/pdf" width="100%" height="500">
  <p>Your browser cannot display PDFs. <a href="/docs/guide.pdf">Download it instead</a>.</p>
</object>

<embed src="/docs/report.pdf" type="application/pdf" width="100%" height="500">

<object data="/icons/logo.svg" type="image/svg+xml" width="120" height="120"></object>

Attributes

• data (URL): Used on object; the URL of the resource to embed
• src (URL): Used on embed; the URL of the resource to embed
• type (string): The MIME type of the embedded resource
• width (number): Display width in pixels
• height (number): Display height in pixels

Best practices

• Prefer object over embed when you need fallback content for unsupported browsers
• For embedding other web pages specifically, use iframe instead, which is more widely supported and flexible
• Always provide a direct download link as a fallback when embedding documents like PDFs
• Test embedded content across browsers, since plugin-dependent behavior for embed/object varies more than other media elements

Browser compatibility

Related HTML documentation

Specifications & further reading

• HTML Living Standard