今天看了一个html5在图片上面创建热点的标签，所谓图片热点就是给你一张图片然后你可以设置点击图片不同的位置进入不同的链接！如果下面是一张图片的话，里面在长方形、圆形、三角形区域都可以进入其他网页！ 下面，我们来实例介绍map，area这些标签的用法 ...

热点图片区域制作（在线制作）：http://imagemap-generator.dariodomi.de/ 1、插入图片，并设置好图像的有关参数，且在>标记中设置参数usemap="#Map"，以表示对图像地图（Map）的引用； 2、用<map>标记设定图像地图 ...

<area>标记主要用于图像地图，通过该标记可以在图像地图中设定作用区域（又称为热点），这样当用户的鼠标移到指定的作用区域点击时，会自动链接到预先设定好的页面。其基本语法结构如下： <area class=type id ...

，用于设定热点的形状和大小。其基本用法如下： <area shape=" ...

<area>标记主要用于图像地图，通过该标记可以在图像地图中设定作用区域（又称为热点），这样当用户的鼠标移到指定的作用区域点击时，会自动链接到预先设定好的页面。其基本语法结构 ...

　　所谓图片热点链接就是为图片指定一个或多个区域以实现点击跳转到指定的页面。简单来说就是点击某一区域就能跳转到相应的页面，而无需点击整个图片才能跳转。 　　说到图片热点链接，我首先想到了map + area，当然了，可能还有其他方法也能实现。 　　以前只是知道有这个功能，但是具体如何实现却没有 ...

图片热点： 　　规划出图片上的一个区域，可以做出超链接，直接点击图片区域就可以完成跳转的效果。 示例： 网页划区： 　　在一个网页里，规划出一个区域用来展示另一个网页的内容。 示例： 网页的拼接： 　　在一个网络页面内，规划出多个页面窗口，以表格拼接的形式 ...

　　　 src="./img/pgy.jpg" alt="图片" usemap="#pgy"> <map id="pgy" name="pgy"> <area shape="rect" coords="20,20,80,80" href ...