您当前的位置： 首页 > 学无止境 > 心得笔记 网站首页心得笔记
9-3 减少HTTP请求
发布时间：2020-10-11 13:31:18编辑：雪饮阅读（）
图片地图
图片地图其实在很早的时候就用dreamware的设计模式用过，但是今天接触的是代码的形式。
就是一个图片上定义多个区域，每个区域都可以有独立的链接。
如：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body>
<img src="7.jpg" usemap="#map7"/>
<map name="map7">
<!--coords参数：左上右下，定义四个坐标，形成对角线（对角线概念个人理解）-->
<area shape="rect" coords="100,100,0,0" href="javascript:alert('home')" title="home" >
<area shape="rect" coords="100,100,200,200" href="javascript:alert('gifts')" title="gifts" >
<area shape="rect" coords="200,200,300,300" href="javascript:alert('cart')" title="cart" >
</map>
</body>
</html>
关键字词：http,减少,map,图片,地图
下一篇：9-4 浏览器缓存和压缩优化技术