首页 > 编程知识 正文

HTML <area> 标签的 coords 属性,html5常用的属性标签

时间:2023-05-04 10:38:18 阅读:255899 作者:1354

<map>

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

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

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

    </map>

<area>标签,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标签。浏览器会忽略超过图像边界范围之外的坐标。

版权声明:该文观点仅代表作者本人。处理文章:请发送邮件至 三1五14八八95#扣扣.com 举报,一经查实,本站将立刻删除。