HTML <area> 标签的 coords 属性

<map>

        <area shape="rect" coords="0,0,82,126" alt="第一" href="https://www.baidu.com">area>

        <area shape="circle" coords="90,58,3" alt="第二" href="two.html">area>

        <area shape="circle" coords="124,58,8" alt="第三" href="three.html">area>

    map>

标签,coords规定了区域的x和y坐标,coords与shape配合使用,来规定区域的尺寸,形状和位置。图像左上角的位置是0,0。Coords规定了客户端图像映射中对鼠标敏感的区域的坐标,坐标的数字及含义取决于shape属性中决定的区域形状,可以将客户端图像映射中的超链接区域规定为矩形,圆形,或者多边形。圆形:shape=circle,coords=x,y,z,这里的x,y定义了圆心的坐标,r是以像素为单位的圆形半径。多边形:shape=polygon,coords=x1,y1,x2,y2,x3,y3,每一对x,y定义了多边形的一个顶点,定义三角形至少需要三组坐标,多边形会自动封闭。矩形:shape=rectangle,coords=x1,y1,x2,y2。如果某个area标签中的坐标和其他区域发生了重叠,会优先采用最先出现的area标签。浏览器会忽略超过图像边界范围之外的坐标。

你可能感兴趣的:(HTML5,html5,HTML)