如何点击图片上的文字并且可以跳转到指定的页面

有时候ui会设计图上直接设计一个点击按钮

以前我会给图片的父元素加一个定位，但是不同的手机分辨率定位会有偏差，这是我们可以找到图片的点击区域就好，

有一个标签就map标签 例如今日头条就是这样实现的,如img标签 加一个属性 usemap，后边在加一个标签

<img border="0" alt="" src="http://s0.pstatp.com/r2/image/404.jpg?ver=125" usemap="#map1355107823663" width="658" height="400">

<map name="map1355107823663" id="map1355107823663">

<area href="/" shape="rect" coords="199,358,309,391" alt="">

<area href="/contact/" shape="rect" coords="340,357,465,391" alt="">

</map>

coords的四个值就是图片区域的值 分别是图片区域的距离 如下图