HTML <map> 标签##
带有可点击区域的图像映射：定义一个客户端图像映射。图像映射（image-map）指带有可点击区域的一幅图像
实例
<html>
<body>
<p>请点击图像上的星球，把它们放大。</p>
<img src="/i/eg_planets.jpg" border="0" usemap="#planetmap"
alt="Planets" />
<map name="planetmap" id="planetmap">
<area shape="circle" coords="180,139,14" href ="/example/html/venus.html" target ="_blank" alt="Venus" />
<area shape="circle" coords="129,161,10" href ="/example/html/mercur.html" target ="_blank" alt="Mercury" />
<area shape="rect" coords="0,0,110,260" href ="/example/html/sun.html" target ="_blank" alt="Sun" />
</map>
</body>
</html>
浏览器支持
1498749283(1).png
提示与注释
注释：area 元素永远嵌套在 map 元素内部。area 元素可定义图像映射中的区域。
注释：<img>中的 usemap 属性可引用 <map> 中的 id 或 name 属性（取决于浏览器），所以我们应同时向 <map> 添加 id 和 name 属性。
必需的属性
必需
可选的属性
可选
HTML <area> 标签##
<area> 标签定义图像映射中的区域（注：图像映射指得是带有可点击区域的图像）。
area 元素总是嵌套在 <map> 标签中。
注释：<img>标签中的 usemap 属性与 map元素 name 属性相关联，创建图像与映射之间的联系。
HTML 与 XHTML 之间的差异
在 HTML 中，<area> 没有结束标签。
在 XHTML 中，<area> 必须正确地关闭。
必需的属性
必需
可选的属性
可选
网友评论