HTML <area> href Attribute

❮ HTML <area> tag


<img src="desk.jpg" usemap="#image-map">

<map name="image-map">
  <area target="_blank" alt="Computer" title="Computer" href="computer.png" coords="112,31,285,246" shape="rect">
  <area target="_blank" alt="Cup" title="Cup" href="cup.png" coords="327,212,31" shape="circle">
  <area target="_blank" alt="Mobile" title="Mobile" href="mobile.png" coords="296,121,326,176" shape="rect">
  <area target="_blank" alt="Book" title="Book" href="book.png" coords="53,132,115,157,72,237,2,211" shape="poly">


The href is hyperlink of the page used to navigate.

Note: If the href attribute is not exist and the <area> tag will not be a hyperlink.

Standard Syntax

<area href="URL">

Browser Support


Attribute Values

Value Description

Value can be

  • An absolute URL - navigate to within or another web site ( href="")
  • A relative URL - navigate to within a web site ( href="index.html")
  • Link to an element with a specified id within the page ( href="#section")
  • Protocols ( https://, ftp://, mailto:, file:, etc..)
  • A JavaScripts ( href="javascript:alert('Hello');")
❮ HTML <area> tag