1.<map></map>热区
先说一个题外话，看过一点时间视频，今天看到有个标签 <base>。
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<base href="www.jd.ocm" target="_blank"> //只能在head中，在HTML中没有结束标签，在XHTML中必须正确关闭。 target="_blank"(默认)
使用<base>标签后，浏览器经不在使用当前文档的URL,而是用指定的基本URL来解析所有的相对的URL。这其中包括<a> 、<img>、<link>、<form>标签中的URL.
target:_blank 、_parent、_self、_top
</head>
<body>
<img src="images/ad04.jpg" width="631" height="425" border="0" usemap="#Map">
<map name="Map" id="Map">
<area shape="rect" coords="56,226,302,265" href="#" />
//矩形，coords="左上角X,左上Y，右上X,右上Y
<area shape="circle" coords="510,135,71" href="#" />
//圆形，coords="圆心点X,圆心点Y,圆的半径"
<area shape="poly" coords="334,348,401,344,400,344,400,339,403,326,403,315,404,307,402,299,382,293,374,292,370,292,358,291,349,293,342,297,333,301,328,302,320,306,324,325,326,333,328,344,329,347" href="#" /> //多边形，coords="第一个点的X,第一个点的Y,第二个点的X,第二个点的Y,......."
</map>
</body>
</html>