HTML | <area> target Attribute (original) (raw)

Last Updated : 20 Jul, 2022

The HTML 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:

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 `

<h1 style="color:green;">GeeksForGeeks</h1>

<h2>HTML <area> Target Attribute</h2>

<img src= 

"https://media.geeksforgeeks.org/wp-content/uploads/20190227165729/area11.png" 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"

href="https://media.geeksforgeeks.org/wp-content/uploads/20190227165802/area2.png" alt="Triangle" target="_self">

    <area shape="circle" coords="155, 56, 26"

href="https://media.geeksforgeeks.org/wp-content/uploads/20190227165934/area3.png" alt="Circle" target="_blank">

    <area shape="rect" coords="224, 30, 276, 82"

href="https://media.geeksforgeeks.org/wp-content/uploads/20190227170021/area4.png" alt="Square" target="_parent">

`

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