HTML <a>标签的coords属性

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

示例

<a>标签的shape和coords属性用于创建图像地图:

<object data="planets.gif" alt="Planets" type="image/gif" usemap="#Map1">
  <map name="Map1">
  <a href="sun.htm" shape="rect" coords="0,0,82,126">太阳</a>
  <a href="mercur.htm" shape="circle" coords="90,58,3">水星</a>
  <a href="venus.htm" shape="circle" coords="124,58,8">金星</a>
  </map>
</object>

试一个 »

定义及用法

<a>标签的coords属性用于配合shape属性使用,定义<object>或<img>元素中可点击区域的尺寸、形状和位置。

左上角坐标为0,0。

提示:为了让你创建的图像地图为所有浏览器所支持,请用<area>元素来创建图像地图。


浏览器支持

Internet Explorer Firefox Opera Google Chrome Safari

只有Firefox和Opera支持<a>标签的coords属性。


语法

<a coords="value">

属性值

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


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