HTML的map标签

map标签

html的map标签是图片映射标签，大白话就是，map标签可以在img图片上获取焦点，添加相应的事件。
map标签是与img标签配合使用的，先给img标签添加属性usemap，属性值为map标签的id值。
map标签放在img标签之后，map标签需要添加name属性和id，与img的usemap属性相对应。
map标签与area标签配合使用，area标签可以通过shape属性和coords属性控制获取图片焦点的位置。

• area 标签属性：

  （1）shape：取值可以为：

  • rect：规定聚焦区域形状为矩形
  • circle：规定聚焦区域形状为圆形
  • poly：规定聚焦区域形状为多边形

  （2）coords：与shape属性搭配使用：

  • 当shape值为rect时，coords的值为：（x1,y1,x2,y2），其中(x1,y1)为矩形左上角的坐标，(x2,y2)为右上角坐标；
  • 当shape值为circle时，coords的值为：（x,y,radius），(x,y)为圆形的中心坐标，radius为半径；
  • 当shape的值为poly时，coords的值为：(x1,y1,x2,y2,…,xn,yn)，规定多边形各个顶点的坐标。（因为浏览器会自动闭合多边形，所以最后一个坐标不需要与第一个坐标重合）

  （3）href属性：定义相关区域所链接的地址。
  （4）target属性：定义在何处打开目标链接：

  • _blank：新窗口打开
  • _self：默认
  • _parent：在父框架中打开
  • _top：在整个窗口中打开
  • framename：在指定框架中打开

注：area标签也可以用来替代a标签，因为a标签中不能嵌套a标签，可以用area标签替换。