HTML Object Tag

In HTML, the <object> tag can be used to represent an external resource or it is used to define embedded objects inside an HTML Document.

  • The external resource can be any image, any nested browsing context, or it can be any resource handled by the plugin.

  • This tag is used inside the <body> tag.

  • Those browsers not supporting <object> tag will take the text inside <object> and </object> as an alternative text.

  • Objects are mainly used in forms and in the submission of forms.

  • To embed another web page into your document you can also use a <object> tag.

  • Also, this is an Inline Element.

HTML <object> Tag Syntax and Usage

The <object> tag requires both opening (start) tag and closing(end) tag.

The Basic syntax for the same is given below:

...content here

HTML <object> Tag Attributes

The <object> tag supports both global and event attributes and some of the common attributes are given below:

1. Data

This attribute is used to specify the address of the resource as a valid URL.

2. Form

This attribute is used to specify the form to which the object belongs to.

3. Height

This height attribute in <object> tag is used to specify the height of the object in pixels.

4. Type

This attribute is used to specify the content type of the resource specified by the data.

5. Width

This attribute is used to specify the width of an object in pixels.

6. Usemap

This attribute is used to specify a hash-name reference to the map element.

HTML <object> Tag Basic Example

Below we have a basic example For the <object> as:

Object tag example
<object type="application/pdf"

Default CSS Settings for HTML <object> Tag

Most of the browsers use default CSS settings for <object> tag and it is given below:

object:focus {
  outline: none;

Browser Support for HTML <object> Tag

Following browsers support this attribute:

  • Google Chrome 1+

  • Internet Explorer 3+

  • Safari 1+

  • Firefox 1+

  • Opera 4+