Open In App

How to set the name for the object in HTML5?

Improve
Improve
Like Article
Like
Save
Share
Report

<object> element in HTML5 is used to link any external files and resources in the form of any image or any nested linked webpages or content or any plugin that can do the same work.

Syntax:

<object name="name"></object>

Elementary uses of <object/ element:

Initially <object> is designed to embed the different applications and browser plugins within it, which is mostly used to extend the usability of browsers.

The attributes that can be passed within this element:

Attribute Value Description
data URL It specifies the URL of data in the object.
type media_type It specifies the media type of data specified in the data attribute.
typemustmatch boolean It indicates that the resource should be embedded only if the value of the type attribute matches with the type of resource provided on the data attribute.
align left, right, top, bottom It defines the alignment of the objects.
border pixels It specifies the border around the object.
height pixels It specifies the height of the object.
hspace pixels It specifies the white space on the left and right sides of the object.
vspace pixels It specifies the white space on the top and bottom of the object.
width pixels It specifies the width of the object.
name name It specifies the name of an object.
form form_id It specifies the form id to which the object element belongs to.

Example: Here is the sample code which has objected to link image, video, and any HTML link of some other webpage:

HTML




<!DOCTYPE html>
<html>
  
<body>
  
    <h1>Example of an object element in HTML5</h1>
    <label>1.Image Example</label><br>
    <object data=
            width="400" 
            height="300" 
            border="2" 
            name="obj1"></object><br><br>
    <label>2.Webpage Example</label><br>
    <object data="https://www.geeksforgeeks.org/" 
            width="400" 
            height="300" 
            border="2" 
            name="obj2"></object><br><br>
    <label>3.Video Example</label><br>
    <object data=
            width="400" 
            height="300" 
            border="2" 
            name="obj3"></object>
  
</body>
  
</html>





Last Updated : 26 Mar, 2021
Like Article
Save Article
Previous
Next
Share your thoughts in the comments
Similar Reads