Open In App
Related Articles

HTML | <area> type Attribute

Improve Article
Save Article
Like Article

The <area> type attribute is used to specify the Internet media type of the linked document. It is used only when href attribute is set.

<area type="media_type">

Note: This attribute is not supported in HTML5.

Attribute Values: It contains single value media_type which is used to specify the Internet media type of the embedded file.


<!DOCTYPE html>
        HTML area type Attribute
<body style="text-align:center;">
    <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" type="image/png">
        <area shape="circle"
            coords="155, 56, 26"
            alt="Circle" type="image/png">
        <area shape="rect"
            coords="224, 30, 276, 82"
            alt="Square" type="image/png">


  • Before click on specific clickable area: 


  • After click on specific clickable area: 


Supported Browsers: The browser supported by HTML <area> type attribute are listed below: 

  • Google Chrome
  • Internet Explorer
  • Firefox
  • Safari
  • Opera


Whether you're preparing for your first job interview or aiming to upskill in this ever-evolving tech landscape, GeeksforGeeks Courses are your key to success. We provide top-quality content at affordable prices, all geared towards accelerating your growth in a time-bound manner. Join the millions we've already empowered, and we're here to do the same for you. Don't miss out - check it out now!

Last Updated : 06 Jun, 2022
Like Article
Save Article
Similar Reads
Related Tutorials