html利用map和area属性来实现创建图像链接，以及创建可点击图像热区

可以对图片上某几个点进行定位之后，然后创建可点击热区，形成可点击区域，此项技术常常运用在一些购物网站上，非常简单并且非常有用：

首先，将想要显示的图片，使用HTML标签将其显示在页面中，代码很简单，不做过多解释。但是这里有一个关键的并不常用的属性，那就是usemap，它指定了你要选择的地图，也就是使用哪种地图方式来展示里面的链接。示例代码如下：

接下来，定义Map地图，并将Map分块，用以区分不同的内容区域。

Map地图由

属性	值	描述
coords	坐标值	定义可点击区域（对鼠标敏感的区域）的坐标。
href	URL	定义此区域的目标 URL。
shape	default rect circ poly	定义区域的形状。
target	_blank _parent _self _top	规定在何处打开 href 属性指定的目标 URL。

Map地图的示例代码如下：

" id="imgMap">

到此为止，我们就可以轻松创建自己的图片地图了。然而，对于如何图片中某个元素的坐标对很多小伙伴来说，仍然是一个难题，因为普通的看图软件根本无法查看每个元素的坐标位置。在这里，给大家推荐一款在线工具：Image-Maps 。我们只需在Image-Maps 上注册一个账号，就能够通过可视化工具对图片进行剪裁，获取裁剪的图片的坐标。