图片的映射是在图片可以分解出独立的模块,该模块可以有自己的行为比如说点击这个时候就需要用到<img>、<map>和<area>
语法:
- 在<map>中设置id或name
- 在<img>定义了usemap属性来引用<map>的id或者name
- 完后再<map>里面定义需要裁剪的区域即可了
栗子如下:
<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" />
</map>