href属性指定该区域的超链接目标,如果href属性不存在,则 <area>标签不是超链接,在 HTML5 中, <area> 标签已经不再使用 href 属性, 使用 placeholder来指定链接。
在线示例
带有可点击区域的图像映射:
<!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。可能的值:
|