HTML: <area> href 属性

由网友 大卫 发布 阅读 6

HTML: <area> href 属性

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

 HTML <area> 标签

在线示例

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

<!DOCTYPE html>
<html>
<title>HTML:<area> href 属性 - 大卫编程网 div.cn</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="tags/sun.html" alt="Sun">
  <area shape="circle" coords="90,58,3" href="/tags/mercur.html" alt="Mercury">
  <area shape="circle" coords="124,58,8" href="/tags/venus.html" alt="Venus">
  </map>  
</body>
</html>
测试看看 ‹/›

浏览器兼容性

IEFirefoxOperaChromeSafari

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

定义和用法

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

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

HTML 4.01 与 HTML5之间的差异

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

语法

<area href="/tags/URL">

属性值

描述
/tags/URL

链接的 URL。可能的值:

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

  • 相对 URL - 指向站点内的某个文件(href="/tags/sun.htm")

  • 锚 URL - 指向页面中的锚(href="/html-attribute/c2408.html")

 HTML <area> 标签

HTML: <area> coords 属性 HTML: <area> hreflang 属性