来源:flash,as,js兴趣爱好者html5单击部分图片显示放大效果的标签<area>,<area>标签 <area> 标签映射图像内部的区域（图像映射指的是带有可点击区域的图像）。
html5单击部分图片显示放大效果的标签<area>,<area>标签
area 元素始终嵌套在 <map> 标签内部。
<!DOCTYPE HTML> <html> <head> <base href="http://www.w3school.com.cn"> </head> <body> <p>请点击图像上的星球，把它们放大。</p> <img src="/i/eg_planets.jpg" usemap="#planetmap" alt="Planets" /> <map name="planetmap" id="planetmap"> <area shape="rect" coords="0,0,110,260" href ="/example/html/sun.html" alt="Sun" /> <area shape="circle" coords="129,161,10" href ="/example/html/mercur.html" alt="Mercury" /> <area shape="circle" coords="180,139,14" href ="/example/html/venus.html" alt="Venus" /> </map> </body> </html>
实例
带有可点击区域的图像映射：
<img src="planets.gif" alt="Planets" usemap ="#planetmap" />
<map id="planetmap">
<area shape ="rect" coords ="0,0,110,260" href ="sun.htm" alt="Sun" />
<area shape ="circle" coords ="129,161,10" href ="mercur.htm" alt="Mercury" />
<area shape ="circle" coords ="180,139,14" href ="venus.htm" alt="Venus" />
</map>
所有浏览器包括ie支持<area>属性