性能优化之图片地图

<img usemap="#imgmap" border="0" src="./images/1.jpg" alt="" width="150" height="150"/>
<map name="imgmap">
<area shape="rect" coords="0,0,75,150" href="http://www.baidu.com/" alt="no1" />
<area shape="rect" coords="75,0,150,150" href="http://www.tencent.com/" alt="no2" />

</map>

图片地图减少http请求个数

一张事先拼接好的图放于img，usemap定义map，area为化分个数，coords是以左上角xy轴形式，依次写出对应图片的起点(左上角)坐标和终点（右下角）。href为点击时可跳转路径。

注：图片地图只能rect长方形，目前只适用于一些导航栏之类。

-------css sprites相比图片地图更灵活