HTML 参考手册

HTML 标签大全

HTML: <area> href 属性

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

 HTML <area> 标签

在线示例

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

<!DOCTYPE html>
<html>
<title>HTML:<area> href 属性 - 菜鸟教程 (cainiaoplus.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> 标签