Site icon DW Faisalabad

HTML <area> href Attribute

Zahid Farid

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.

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’);”)
Exit mobile version