An href on an <area> tag redirects to the specified URL.
The URL can be an internal or external URL, as well as JavaScript.
An href attribute on 3 <area> tags. The attributes invoke JavaScript which displays the name of the clicked area.
<img src="/img/html/computer-map.png"
alt="Computer"
usemap="#computermap">
<map name="computermap">
<area shape="rect" coords="253,142,16,2" alt="Screen"
href="javascript:alert('Screen was clicked');">
<area shape="rect" coords="262,218,0,156" alt="Keyboard"
href="javascript:alert('Keyboard was clicked');">
<area shape="circle" coords="267,234,22" alt="Mouse"
href="javascript:alert('Mouse was clicked');">
</map>
Note: In this example an alert box is displayed rather than redirecting to a URL.
The href attribute specifies the URL of the target page or resource.
It accepts any of these URL forms:
<area href="URL" />
Value | Description |
---|---|
URL | URL or path of the linked resource or page. |
Here is when href support started for each browser:
Chrome
|
1.0 | Sep 2008 |
Firefox
|
1.0 | Sep 2002 |
IE/Edge
|
1.0 | Aug 1995 |
Opera
|
1.0 | Jan 2006 |
Safari
|
1.0 | Jan 2003 |