HTML <a> 标签coords属性

  • <a>标签coords属性定义和用法

    HTML5中不支持<a> coords属性。
    coords属性与shape属性一起使用,以指定<object><img>元素中链接的大小,形状和位置。
    左上角的坐标是0,0。
    提示:要创建适用于所有浏览器的图像映射,请使用<area>元素!

  • <a>标签coords属性浏览器支持

    Internet Explorer Chrome FireFox Safari Opera
    不支持 不支持 不支持 不支持 不支持
  • <a>标签coords属性语法

    <a coords="value">

  • <a>标签coords属性实例

    <object data="/images/j1.jpg" alt="jingwu" type="image/jpeg" usemap="#Map1"&gtH
      <map name="Map1">
      <a href="/images/j2.jpg" shape="rect" coords="53,46,105,123">酒壶</a>
      <a href="/images/j3.jpg" shape="rect" coords="122,112,149,166">酒杯</a>
      </map>
    </object>
    <p>a标签coords只在Opera和Firefox浏览器的某些版本支持。</p> 
    尝试一下
  • <a>标签coords属性值

    属性值 描述
    x1,y1,x2,y2 如果shape属性设置为“rect”,它指定矩形的左上角和右下角的坐标。
    x,y,radius 如果shape属性设置为“circle”,它指定了圆心和半径的坐标。
    x1,y1,x2,y2,..,xn,yn 如果shape属性设置为“poly”,它指定多边形边的坐标。如果第一个和最后一个坐标对不相同,浏览器必须添加最后一个坐标对来关闭多边形。