<!DOCTYPE html>
<html>
<head>
<title>mapArea.html</title>
<meta name="keywords" content="keyword1,keyword2,keyword3">
<meta name="description" content="this is my page">
<meta name="content-type" content="text/html; charset=UTF-8">
<!--<link rel="stylesheet" type="text/css" href="./styles.css">-->
</head>
<body>
<img alt="找不到图片" src="img0.jpg" usemap="#pointimg">
<map name="pointimg">
<area shape="rect" coords="130,0,227,45" href="https://blog.csdn.net/weixin_43792401" target="_self" alt="找不到图样">
<area shape="rect" coords="305,0,400,45" href="https://blog.csdn.net/weixin_43792401/article/category/9331648" alt="找不到图样">
<area shape="rect" coords="490,545,576,592" href="https://mp.weixin.qq.com/s/z01M0ZeqFANvs1fNtWQ_wQ" alt="找不到图样">
</map>
</body>
</html>
coords="a1,b1,a2,b2" 可选择区域为rect矩形,矩形左上角点为(a1,b1),右下角点为(a2,b2)
img0.jpg