编辑这个页面须要登录或更高权限！

HTML: <area> href 属性

href属性指定该区域的超链接目标，如果href属性不存在，则 <area>标签不是超链接，在 HTML5 中, <area> 标签已经不再使用 href 属性， 使用 placeholder来指定链接。

 HTML <area> 标签

在线示例

带有可点击区域的图像映射：

<!DOCTYPE html>
<html>
<title>HTML:<area> href 属性 - 菜鸟教程 (cainiaojc.com)</title>
<body>
<p>单击太阳或其中一个行星以近距离观察它</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>
测试看看 ‹/›

浏览器兼容性

IEFirefoxOperaChromeSafari

所有主流浏览器都支持 href 属性。

定义和用法

href 属性规定区域中连接的目标。

如果没有使用href 属性，<area> 标签就不是一个链接。

HTML 4.01 与 HTML5之间的差异

在 HTML5 中, <area> 标签已经不再使用 href 属性， 使用 placeholder来指定链接。

语法

<area href="URL">

属性值

值描述
URL

链接的 URL。可能的值：

  • 绝对 URL - 指向另一个站点（比如 href="http://www.example.com/sun.htm"）

  • 相对 URL - 指向站点内的某个文件（href="sun.htm"）

  • 锚 URL - 指向页面中的锚（href="#sun"）

 HTML <area> 标签

HTML: <template> 标签

HTML 参考手册
HTML 标签大全