<area> Tag in HTML 5

In this article I am going to explain about area tag in HTML 5
  • 1699

Definition

<area> Tag in HTML 5 is used to define an area in an image map. Image maps are images with clickable areas that are used to open other link or web page. <area< tag always used inside the <map> tag in HTML 5. <area> tag also support global attribute and event attribute. 

Browser Support by <area> tag

The <area> tag is supported in internet explorer, mozilla firefox, Google chrome, opera and safari browsers.

Lets take an example of <area> tag

web.html web page

<html>

<head>

<title> This is my web page </title>

</head>

<body>

    <h1>

        <p>

            Click on "I" to say thank you to God:</p>

        <img src="1.jpg" width="145" height="126" alt="Planets" usemap="#thanks" />

    </h1>

    <map name="thanks">

        <area shape="rect" coords="0,0,82,126" href="sun.html" />

        <area shape="circle" coords="90,58,3" href="sun.html" />

        <area shape="circle" coords="124,58,8" href="sun.html" />

    </map>

</body>

</html>


sun.html web page
 

<html>

<body>

    <img src="2.jpg" width="400" height="400" border="0" alt="Mueller Hut, Mount Cook, and I"

        usemap="#muellermap" />

</body>

</html>

Output

Clipboard02.jpg

Clipboard04.jpg

Further Readings

You may also want to read these related articles :

Ask Your Question 

Got a programming related question? You may want to post your question here

Programming Answers here

© 2020 DotNetHeaven. All rights reserved.