/    Sign up×
Reference /Pin to ProfileBookmark

The object tag, or External Object element, is used to designate a container for an external resource.

Syntax

If you are embedding an image, it is better to use the <img> tag. For embedding HTML the <iframe> tag should be used. For video or audio, the <video> or <audio> tags should be used.

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

Attributes

data
Provides the URL for the resource.

form
Designates the form id of the form the object belongs to.

height
Provides the height of the object in pixels.

name
Provides the name of the object.

type
Provides the media type of the data that is provided in the data attribute.

typemustmatch
Designates whether the type attribute and the content of the resource must be matching in order to be displayed.

usemap
If using an image map with the object, the name of it is provided here.

width
Provides the width of the object in pixels.

Browser Compatibilty

Demos

Have a code example of <object>? Submit a codepen.io demo and we'll showcase it here

to submit a demo.
HTML
×

Success!

Help @reference spread the word by sharing this article on Twitter...

Tweet This
Sign in
Forgot password?
Sign in with TwitchSign in with GithubCreate Account
about: ({
version: 0.1.9 BETA 6.19,
whats_new: community page,
up_next: more Davinci•003 tasks,
coming_soon: events calendar,
social: @webDeveloperHQ
});

legal: ({
terms: of use,
privacy: policy
});
changelog: (
version: 0.1.9,
notes: added community page

version: 0.1.8,
notes: added Davinci•003

version: 0.1.7,
notes: upvote answers to bounties

version: 0.1.6,
notes: article editor refresh
)...
recent_tips: (
tipper: @nearjob,
tipped: article
amount: 1000 SATS,

tipper: @meenaratha,
tipped: article
amount: 1000 SATS,

tipper: @meenaratha,
tipped: article
amount: 1000 SATS,
)...