You are here : htmlHTML 5area

<area> - HTML 5

The <area> tag defines an area inside an image-map (an image-map is an image with clickable areas).

The <area> element is always nested inside a <map> tag.

Note: The usemap attribute in the <map> element's name attribute, and creates a relationship between the image and the map.


  • alt (text) : Specifies an alternate text for the area. Required if the href attribute is present
  • coords (coordinates) : Specifies the coordinates of the area
  • download : Specifies that the target will be downloaded when a user clicks on the hyperlink
  • href (url) : Specifies the hyperlink target for the area
  • hreflang : Specifies the language of the target URL
  • media : Specifies what media/device the target URL is optimized for
  • rel : Specifies the relationship between the current document and the target URL
  • shape (default,rect,circle,poly) : Specifies the shape of the area
  • target : Specifies where to open the target URL
  • type : Specifies the media type of the target URL


<area shape="rect" coords="0,0,82,126" href="sun.htm" alt="Sun">


<img src="planets.gif" width="145" height="126" alt="Planets" usemap="#planetmap">

<map name="planetmap">
  <area shape="rect" coords="0,0,82,126" href="sun.htm" alt="Sun">
  <area shape="circle" coords="90,58,3" href="mercur.htm" alt="Mercury">
  <area shape="circle" coords="124,58,8" href="venus.htm" alt="Venus">

Output / Return Value


Alternatives / See Also