THE WORLD'S LARGEST WEB DEVELOPER SITE
HTML CSS JAVASCRIPT SQL PHP BOOTSTRAP HOW TO JQUERY W3.CSS ANGULARJS XML MORE FORUM EXAMPLES REFERENCES

HTML <area> href Attribute

❮ 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>
Try it Yourself »

Definition and Usage

The href attribute specifies the hyperlink target for the area.

If the href attribute is not present, the <area> tag is not a hyperlink.

Browser Support

Attribute
href Yes Yes Yes Yes Yes

Differences Between HTML 4.01 and HTML5

In HTML5, if the <area> tag has no href attribute, it is a placeholder for a hyperlink.

Syntax

<area href="URL">

Attribute Values

Value Description
URL Specifies the hyperlink target for the area.

Possible values:

  • An absolute URL - points to another web site (like href="http://www.example.com/sun.htm")
  • A relative URL - points to a file within a web site (like href="sun.htm")
  • Link to an element with a specified id within the page (like href="#top")
  • Other protocols (like https://, ftp://, mailto:, file:, etc..)
  • A script (like href="javascript:alert('Hello');")
❮ HTML <area> tag