HTML <area> 标签coords属性

• 

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

  coords属性指定图像映射中区域的坐标。
  coords属性与shape属性一起使用，以指定区域的大小，形状和位置。
  提示：区域左上角的坐标为0,0。

• 

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

  Edge/IE	Chrome	FireFox	Safari	Opera
  支持	支持	支持	支持	支持

• 

  <area>标签coords属性语法

  <area coords="value">

• 

  <area>HTML 4.01和HTML5之间的差异

  没有。

• 

  <area>标签coords属性实例

  <img src="/images/j1.jpg" alt="Workplace" usemap="#workmap">
  <map name="workmap">
    <area shape="rect" coords="53,46,105,123" alt="酒壶" href="/images/j2.jpg">
    <area shape="rect" coords="122,112,149,166" alt="酒杯" href="/images/j3.jpg">
  </map>

  尝试一下
• 

  <area>标签coords属性值

  属性值	描述
  x1,y1,x2,y2	指定矩形左上角和右下角的坐标(shape="rect")
  x,y,radius	指定圆心和半径的坐标(shape="circle")
  x1,y1,x2,y2,..,xn,yn	指定多边形边的坐标。如果第一个坐标对和最后一个坐标对不相同，浏览器将添加最后一个坐标对来关闭多边形(shape="poly")