HTML Reference Manual

HTML Tag大全

HTML: <area> href attribute

The href attribute specifies the hyperlink target of the area, if the href attribute does not exist, the <area> tag is not a hyperlink, in HTML5 In HTML, the <area> tag no longer uses the href attribute; use placeholder to specify the link.

　HTML <area> tag

Online Example

Image mapping with clickable areas:

Example

<!DOCTYPE html>
<html>
<title>HTML:<area> href 属性　-　基础教程网　oldtoolbag.com</title>
<body>
<p>Click on the sun or one of the planets to observe it closely</p>
<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.html" alt="Sun">
　　<area shape="circle" coords="90,58,3"href="mercur.html" alt="Mercury">
　　<area shape="circle" coords="124,58,8"href="venus.html" alt="Venus">
　　</map>　　
</body>
</html>

Test to see ‹/›

Browser Compatibility

IEFirefoxOperaChromeSafari

All major browsers support the href attribute.

Definition and Usage

The href attribute specifies the target of the link within the area.

If the href attribute is not used, the <area> tag is not a link.

HTML 4.01 and HTML5differences between

In HTML5 In HTML, the <area> tag no longer uses the href attribute; use placeholder to specify the link.

Syntax

<area href="URL">

Attribute value

Value	Description
URL	The URL of the link. Possible values: Absolute URL - Point to another site (for example href="http://www.example.com/sun.htm" Relative URL - Point to a file within the site (href="sun.htm") Anchor URL - Point to an anchor in the page (href="#sun")

　HTML <area> tag

HTML: <template> tag