html5在页面定义时，开头用即可，html5有很多新的元素可供使用，典型的例如等等，目前有很多html5的书籍啦，我也在学习中
创新互联建站专注于企业全网整合营销推广、网站重做改版、舞阳网站定制设计、自适应品牌网站建设、H5技术、商城开发、集团公司官网建设、成都外贸网站建设、高端网站制作、响应式网页设计等建站业务，价格优惠性价比高，为舞阳等各大城市提供网站开发制作服务。
图片的热点代码其实很简单的，这里就不直接复制了，你可以直接百度一下在百度经验里面有很多的教程
图片热点区域中，rect 矩形区域，使用2个做点来确定具体位置和大小。
shape="rect"
coords="x1,y1,x2,y2"
以图片的左上角为坐标原点，矩形的左上角坐标x1,y1和矩形的右下角坐标x2,y2来确定具体位置和大小。
结合具体的代码来解释
coords="0,0,110,260"
0,0就是矩形的左上角坐标
该点距离图片的左上角横向距离为0
该点距离图片的左上角纵向距离为0
110,260就是矩形的右下角坐标
该点距离图片的左上角横向距离为110
该点距离图片的左上角纵向距离为260
图示
HTML5已经出来很多年了，HTML5是一个基于浏览器的协作标准，可以让各种不同的素材在浏览器中流畅运行，它最大的优点在于跨平台性、易开发以及开发成本低。早在2010年的时候，乔布斯在封杀Flash的言论中，就预言HTML5将会成为取代Flash的下一波技术浪潮。从那时候开始，HTML5与Flash之间的争论就一直成为程序员之间茶余饭后的谈资。就在上周二，Youtube宣布让HTML5默认成为视频播放器，这一举动在 2010年之前看来，似乎是不敢想象的。要知道在那时候，Adobe还吹嘘全球有75%的网站在视频中采用Flash技术。但截至到去年，HTML5的普及已经广泛被人们所接受，有85%的网站都在使用HTML5技术。
微信成为HTML5技术流行的最大推手
很多热点的事件都是厚积薄发，HTML5就是如此。此前iOS和Android系统已经放弃了Flash，这让HTML5有了一个天然的成长基础。而现在手机硬件的提升和HTML5本身的完善，使得基于HTML5的应用表现更好。现在iPhone对HTML5的支持很完善，而Google也完成了移动端Chrome浏览器向Chromium内核的切换，大幅提升了对HTML5的支持。
首先看下area标签的实现方法.
区域是根据属性coords里面的值来实现的.
所以,单单给图片增加img-responsive根本实现不了响应式.
这种效果,最好用flash来解决.
或者写很多个版本通过判断设备类型,尺寸来解决.
可你版面又这么复杂.
热点是无法自适应的，因为热点区域都是自己手动拉出来。建议最好的还是让整一张图片（如果是图片中的某部分最好独立分切出来）然后让图片进行自适应调整，这样才是最好的操作方式。
