HTML 5 <object> Tag

The HTML <object> tag is used for embedding an object within an HTML document. Use this tag to embed multimedia in your web pages.

You can use the <param> tag to pass parameters to plugins that have been embedded using the <object> tag.

You can also use the <object> tag to embed another webpage into your HTML document.

Example 1 (click and drag)

Embeds a Quicktime movie into a web page

Example 2

Embeds another HTML document into the web page.

Attributes

HTML tags can contain one or more attributes. Attributes are added to a tag to provide the browser with more information about how the tag should appear or behave. Attributes consist of a name and a value separated by an equals (=) sign, with the value surrounded by double quotes. Here's an example, style="color:black;".

There are 3 kinds of attributes that you can add to your HTML tags: Element-specific, global, and event handler content attributes.

The attributes that you can add to this tag are listed below.

Element-Specific Attributes

The following table shows the attributes that are specific to this tag/element.

Attribute	Description
data	Specifies the location of data to be used by the object. The value must be a valid URL.
type	Specifies the object type as specified in the `data` attribute. Must be a valid MIME type.
typemustmatch	This attribute is used in order to to make it safer for authors to embed untrusted resources where they expect a certain content type. The attribute specifies that the resource specified by the `data` attribute is only to be used if the value of the `type` attribute and the Content-Type of the aforementioned resource match. The `typemustmatch` attribute must only be used when both the `type` and `data` is also being used. The `typemustmatch` is a boolean attribute. If the attribute is present, its value must either be the empty string or a value that is an ASCII case-insensitive match for the attribute's canonical name, with no leading or trailing whitespace (i.e. either typemustmatch or typemustmatch="typemustmatch").. Possible values: [Empty String] typemustmatch
name	Assigns the name of the object.
usemap	Specifies the name of an image map to use on this object.
form	Specifies the ID of a form to which this object belongs. Possible values: [The ID of a form element in the element's owner `Document`]
width	Specifies the width, in pixels, to display the external content. Possible values: [Non-negative integer] (for example, 300)
height	Specifies the height, in pixels, to display the external content. Possible values: [Non-negative integer] (for example, 150)

Global Attributes

The following attributes are standard across all HTML 5 tags (although the tabindex attribute does not apply to dialog elements).

accesskey
autocapitalize
class
contenteditable
data-*
dir
draggable
hidden
id
inputmode
is
itemid
itemprop
itemref
itemscope
itemtype
lang
part
slot
spellcheck
style
tabindex
title
translate

For a full explanation of these attributes, see HTML 5 global attributes.

Event Handler Content Attributes

Event handler content attributes enable you to invoke a script from within your HTML. The script is invoked when a certain "event" occurs. Each event handler content attribute deals with a different event.

onabort
onauxclick
onblur
oncancel
oncanplay
oncanplaythrough
onchange
onclick
onclose
oncontextmenu
oncopy
oncuechange
oncut
ondblclick
ondrag
ondragend
ondragenter
ondragexit
ondragleave
ondragover
ondragstart
ondrop
ondurationchange
onemptied
onended
onerror
onfocus
onformdata
oninput
oninvalid
onkeydown
onkeypress
onkeyup
onlanguagechange
onload
onloadeddata
onloadedmetadata
onloadstart
onmousedown
onmouseenter
onmouseleave
onmousemove
onmouseout
onmouseover
onmouseup
onpaste
onpause
onplay
onplaying
onprogress
onratechange
onreset
onresize
onscroll
onsecuritypolicyviolation
onseeked
onseeking
onselect
onslotchange
onstalled
onsubmit
onsuspend
ontimeupdate
ontoggle
onvolumechange
onwaiting
onwheel

For a full list of event handlers, see HTML 5 event handler content attributes.