map、area标签

2017-09-23  本文已影响29人  Pretty_Boy

<area> 标签定义图像映射中的区域(注:图像映射指得是带有可点击区域的图像)。即在图片中映射可点击的区域
area标签总是嵌套在map标签中
使用:
img标签中的usemap和map标签中的name和id关联(由浏览器决定)

<img src=""  usemap="#map"/>
<map name="map" id="map">
  <area shape="" coords="" href="" target="" alt=""></area>
</map>

其中 area的alt属性是必须
shape 定义区域形状
coords 定义可点击区域的坐标
[对于不同shape,coords中的参数也各不相同]
circle : x,y,r
rect: x1,y1,x2,y2 // 左上角坐标和右下角坐标
poly: x1,y1,x2,y2,x3,y3,...

href 定义此区域的目标url
target 定义在何处打开url

上一篇下一篇

猜你喜欢

热点阅读