美文网首页
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标签

    标签定义图像映射中的区域(注:图像映射指得是带有可点击区域的图像)。即在图片中映射可点击的区域area标签总是嵌套...

  • 三种方式实现圆形可点击区域

    1. map和area 将img和map标签连起来的是usemap,它的值是map的idarea属性: shape...

  • HTML 标签

    简介: :用于定义一个客户端图像映射。图像映射(image-map)指带有可点击区域的一幅图像。 :定义 的可点击...

  • HTML标签

    HTML 标签## 带有可点击区域的图像映射:定义一个客户端图像映射。图像映射(image-map)指...

  • xpath之extract()

    area_href = area.xpath("//map[@name='cnMap']/area/text()"...

  • OpenStreetMap Data Case Study

    OpenStreetMap Data Case Study Map Area Isle of Wight, Eng...

  • uni-app map地图组件应用

    map地图组件使用时直接在template中使用标签,标签中可嵌套map属性 map最常用到...

  • map,area的使用

    HTML 元素是使用元素定义一个图像地图(点击链接)。 在页面中需要有一个img元素,且该i...

  • uniapp三级联动地图

    标签: map

  • Html的area标签

    area 这个标签也非常有意思,它的作用是为图片提供点击热区,可以自己规定一张图的哪些区域可点击,且点击后跳转的链...

网友评论

      本文标题:map、area标签

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