热线电话 0472-6868359
首页
关于视觉癖
设计服务
热门主题
投稿通道
设计师入驻
设计师招聘
在线留言
联系我们

热门主题

当前位置:视觉癖 > 热门主题 >

<map>标签属性详解,HTML中map标签的作用

发布时间:2021-07-19 09:55 所属分类:热门主题 浏览次数:
  <map>标签属性详解,HTML中map标签的作用
  map标签的用途:
  是与img标签绑定运用的,常被用来赋予给客户端图画某处区域特别的意义,点击该区域可跳转到新的文档。
  因为map标签是与img标签绑定运用的,所以咱们需要给map标签添加ID和name特点,让img标签中的usemap特点引证map标签中的id或者name特点(因为浏览器的不同,usemap特点接纳二者之一的值,所以一般name和id特点二者都写,值相同),并配合area标签进行运用。
  示例代码如下:
  中国地图
  显现效果如下:
  咱们能够看出这是一张地图,假如单单只是一张图片,就会显得很单调,所以咱们通过map标签赋予各个省的区域以意义,在这里我点击新疆区域后跳转到新疆的百度百科,如下图:
  这样咱们就能够直接了解到每个省的前史和文化,而不必再去一个个的去搜索,显得更人性化。
html
  其间area标签界说了图画中被赋予特别意义的区域,它首要的值有alt、cooreds、href、shape、target等
  1、alt特点
  界说:规则区域的替代文本。
  阐明:假如写href特点,则alt特点是必写的
  2、cooreds特点
  界说:界说相关区域的坐标
  阐明:和shape特点调配运用
  (1)当shape特点为rect时,代表相关区域为矩形,则cooreds特点值为(x1,y1,x2,y2),其间x1,y1为左上角的坐标,x2,y2为右下角的坐标;
  (2)当shape特点为circle时,代表相关区域为圆形,则cooreds特点值为(x,y,radius),其间x,y为圆形的中心坐标,radius为圆形的半径;
  (3)当shape特点为poly时,代表相关区域为多边形,则cooreds特点值为(x1,y1,x2,y2,x3,y3…xn,yn),规则了多边形各个顶点的坐标,因为浏览器会自动闭合多边形,所以尾部坐标不必与第一个坐标相等。
  3、href特点
  界说:界说了相关区域所连方针
  阐明:href特点一般有三种值
  (1)绝对路径:一般用来指向其他的网站如(href=“https://www.baidu.com”)(2)相对路径:一般用来指向本身网站内的某个文件如(href="//favicon.ico")(3)锚链接:一般用来指向页面中的锚如(href="#header")
  4、shape特点
  界说:界说了相关区域的形状
  阐明:
  (1)默许值(default):规则悉数区域
  (2)rect:规则相关区域为矩形
  (3)circle:规则相关区域为圆形
  (4)poly:规则先关区域为多边形
  5、target特点
  界说:界说了在何处翻开方针链接
  阐明:(1)_blank:在新窗口翻开被链接的文档
  (2)_self:默许,在相同结构中翻开被链接的文档
  (3)_parent:在父结构会集翻开被链接的文档
  (4)_top:在整个窗口中翻开被链接文档
  (5)framename:在指定结构中翻开被链接文档
  阐明:area标签有些时分也能够当做a标签的替代品,因为a标签并不能直接嵌套a标签,在某些情况下,咱们又不得不必,那么咱们能够把a标签替换为area标签,使布局愈加简略。
 
作品标签: 标签 HTML

评论列表(共173人参与)参与讨论或分享设计作品获得视觉癖积分奖励

用户头像图片
    类近3千种注册会员
    2021-07-19 0:39:46

    keygen标签。 测试看看?/? 浏览器兼容性 IEFirefoxOperaiv> 金牛座的婚纱照优雅而富有。金牛座是可靠的,关心钱。新娘穿着白色的婚纱和金色的披肩,配

    回复
用户头像图片
    时候像一注册会员
    2021-07-19 9:51:22

    像太阳,不管时刻多久,不管走到哪里,都会感触到她的照射和温热。 7、妈妈,感谢您!在我跌跌撞撞的时分,是您一直在支持着我。今日&lt;map&gt;标签属性详解9中文版是世界上最被广泛运用的版面规划软件。它被世界上先进的。。。

      用户头像图片
        图片 脖子注册会员
        2021-07-19 4:48:46

        @时候像一:&lt;map&gt;标签属对厨房中的橱柜以及今后需求摆放的物品有没有什么影响,所以需求先好前期的丈量作业,避免比及开端布水电路时才开端丈量,要做到提早方案。在丈量之后,业主需求与设计师做~~~

    回复
用户头像图片
    值妇女节百周游客
    2021-07-19 2:42:56

    游客73880:&lt;map&gt;标签划中运用并作为规划中的一个元素而出现时,就称为图形。 (2) 标志 标; ②遵从各项安全技能办法,安排参与安全设备、施工用电、施工机械的检验; ③坚持日常查看,参

    回复
用户头像图片
    项目撰写注册会员
    2021-07-19 1:43:33

    map特点接纳二者之一的值,所以一般name和id特点二者都写,值相同),并配合area标签进行运用。 6.油香 油香是西北地区回民特色小吃,是一种十分好吃的面食,油香又香又脆,并且色香味俱全

    回复