HTML map标签

HTML map标签

作用：

带有可点击区域的图像映射，即选定图片的不同区域，跳转不同网页

 <map name="Map" id="Map">
    <!-- 矩形rect（x1,y1,x2,y2）参数：前两个表示矩形左上角的顶点坐标，后两个表示其对角的坐标 -->
    <area shape="rect" coords="0,0,135,200" href="index.html"/>
    <area shape="rect" coords="0,135,200,270" href="kb.html"/>
    <!-- 圆形circle(x,y,r)参数：圆心坐标，半径 -->
    <area shape="circle" coords="100,135,50" href="c4-选择器.html" />
    <!-- 多边形poly，（x1,y1,x2,y2,x3,y3,...）每一对 "x,y" 坐标都定义了多边形的一个顶点 -->
    <!-- 全部区域default -->

矩形选区

rect（x1,y1,x2,y2）参数：前两个表示矩形左上角的顶点坐标，后两个表示其对角的坐标

 <area shape="rect" coords="0,0,135,200" href="index.html"/>

圆形选区

circle(x,y,r)参数：圆心坐标，半径

<area shape="circle" coords="100,135,50" href="c4-选择器.html" />