HTML <area>标签的coords属性

HTML <area>标签参考手册 HTML <area>标签

示例

一个具有可点击区域的图像地图:

<img src ="planets.gif" width="145" height="126" alt="星球" usemap ="#planetmap" />

<map name="planetmap">
  <area shape="rect" coords="0,0,82,126" href="sun.htm" alt="太阳" />
  <area shape="circle" coords="90,58,3" href="mercur.htm" alt="水星" />
  <area shape="circle" coords="124,58,8" href="venus.htm" alt="金星" />
</map>

试一个 »

定义及用法

<area>标签的coords属性用于给出可点击区域的x和y坐标。

coords属性与shape属性一起使用,用于定义一个可点击区域的尺寸、形状和位置。

区域的左上角坐标为0,0。


浏览器支持

Internet Explorer Firefox Opera Google Chrome Safari

所有主流浏览器均支持<area>标签的coords属性。


语法

<area coords="value" />

属性值

描述
x1,y1,x2,y2 若shape属性值为“rect”,那么它指的是矩形区域的左上角和右下角坐标。
x,y,radius 若shape属性值为“circle”,那么它指的是圆心坐标和圆的半径。
x1,y1,x2,y2,..,xn,yn 若shape属性值为“poly”,那么它指的是多边形各顶点的坐标。第一个坐标和最后一个坐标必须相同,以构成一个封闭的多边形。如果不相同,浏览器会自动为之添加一个坐标。


HTML <area>标签参考手册 HTML <area>标签
粤ICP备11097351号-1