Open In App

HTML | <area> target Attribute

Improve
Improve
Improve
Like Article
Like
Save Article
Save
Share
Report issue
Report

The HTML <area> target Attribute is used to specify where to open the linked document. It works only when href attribute is present in the area elements. 

Syntax: 

<area target="_blank|_self|_parent|_top|framename"> 

Attribute Values: 

  • _blank: It opens the link in a new window.
  • _self: It is the default value. It opens the linked document in the same frame.
  • _parent: It opens the linked document in the parent frameset.
  • _top: It opens the linked document in the full body of the window.
  • framename: It opens the linked document in the named frame.

Example: This example illustrates the use of target attribute in area element.  

HTML




<!DOCTYPE html>
<html>
 
<head>
    <title>
        HTML area target Attribute
    </title>
</head>
 
<body style="text-align:center;">
     
    <h1 style="color:green;">GeeksForGeeks</h1>
     
    <h2>HTML <area> Target Attribute</h2>
     
    <img src=
            alt="" width="300" height="119" class="aligncenter"
            usemap="#shapemap" />
 
    <map name="shapemap">
         
        <!-- area tag contained image. -->
        <area shape="poly" coords="59, 31, 28, 83, 91, 83"
            alt="Triangle" target="_self">
         
        <area shape="circle" coords="155, 56, 26"
            alt="Circle" target="_blank">
         
        <area shape="rect" coords="224, 30, 276, 82"
            alt="Square" target="_parent">
    </map>
</body>
 
</html>                                   


Output: 

After clicking on specific area: 

Supported Browsers: The browser supported by HTML area target Attribute are listed below: 

  • Google Chrome
  • Edge 12 and above
  • Internet Explorer
  • Firefox 1 and above
  • Safari
  • Opera


Last Updated : 20 Jul, 2022
Like Article
Save Article
Previous
Next
Share your thoughts in the comments
Similar Reads