HTML < area > Tag - Learn About Website

HTML <area> Tag

Example

An image-map, with clickable areas:

<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">
</map>

Definition and Usage

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 <img> tag is associated with the <map> element's name attribute, and creates a relationship between the image and the map.

Differences Between HTML 4.01 and HTML5

HTML5 has some new attributes, and some HTML 4.01 attributes are no longer supported.

Differences Between HTML and XHTML

In HTML the <area> tag has no end tag.

In XHTML the <area> tag must be properly closed.