HTML Area Tag Target Attribute

In HTML opening link in a new window is very easy and frequently achieved functionality.

In order to open link in a new window we use the target attribute of the HTML area(<area>) tag.

Note: HTML Area Tag Target Attribute is used only if the HTML Area Href Attribute is used.

Syntax of using HTML Area Tag Target Attribute

<area target =”_blank|_self|_parent|_top|frame_name”>

Here in the above syntax the values for the HTML Area target Attribute mean the following:

Also note that by default the _self value will be set for the target attribute i.e. if we do not mention the target attribute in the HTML area tag then the linked resource/webpage will open in the same frame in which the link was clicked.

Examples of Using the HTML Area Tag Target Attribute

HTML Open link in a new window:

HTML Area Tag Target Attribute Code

Output

<p>Click on the shapes to watch them:</p> <img src=" HTMLAreaTagEx.gif" alt="Shapes" usemap="#shapemap" width="145" height="126"> <map name="shapemap"> <area shape="circle" coords="25,30,12" href="Circle.jpg" type="image/gif" target=_blank> <area shape="rect" coords="62,30,82,40" href="triangle.jpg" type="image/gif" target=_blank > <area shape="circle" coords="115,35,10" href="star.jpg" type="image/gif" target=_blank > </map>

Click on the shapes to watch them:

Here in the above HTML area target attribute example we have mentioned that once the certain portion of the image is clicked the respective image should open in a new browser window or tab by giving target attribute a value of _blank.

HTML Area Target Attribute Supporting Browsers