美文网首页
map、area标签

map、area标签

作者: Pretty_Boy | 来源:发表于2017-09-23 13:48 被阅读29次

    <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

    相关文章

      网友评论

          本文标题:map、area标签

          本文链接:https://www.haomeiwen.com/subject/kglcextx.html