html中map标签的⽤法,HTML中的map和area标签
1. 标签介绍:
(1)map标签: 该标签是指图⽚的映射,也就是说⼀张可以点击的图⽚的映射;
属性介绍:
<1> id: 中的 usemap 属性可引⽤ 中的 id 或 name 属性(取决于浏览器)
<2>name:同上
说明:不同的浏览器会根据img中的usemap属性去引⽤ID或者name值,所以最好使⽤的时候这两个属性都要加上。
(2)area标签:指的是图⽚映射的区域,可以是矩形(rect)、圆形();
属性介绍:
<1> alt :类似img 标签中的同名属性
<2>coords: 区域的坐标(0,0 指的是图⽚的左上⾓),矩形为左上⾓和右下⾓两个坐标,圆形为圆⼼X、Y和半径,多边形为任意两个坐标之间构成的区域
<3>shape:指的区域形状;矩形、圆形、多边形
....
2.使⽤场景:
主要适⽤于多个图⽚组成的超链接区域,例如导航栏、底部说明栏等等;
说⽩了就是同⼀张图⽚点击不同的区域能够跳到不同的链接中或者实现不同的逻辑;
这样的话可以避免我们切图的时候切成多张的图⽚,减少了客户端的http请求,对提升页⾯的性能有不少的帮助。
map,area标签
map,area标签 实例 ...
html/css中map和area的应⽤
⼀.使⽤⽅法: 因为map标签是与img标签绑定使⽤的,所以我们需要给map标签添加ID和name属性,让img标签中的usemap属性引⽤map标签中的id或者name属性(由于浏览器的不同,use ...
解决:Map的area属性标签⿏标Hover可以给area加背景
css的area标签是不⽀持hover的,只有a标签才⽀持.li标签在IE浏览器下才⽀持,所以采⽤jquery的mouseenter和mouseleave事件完成.⾸先讲jQuery对应的事件:1.m ...
HTML <;area>; 标签区域map标签
1.距形:(左上⾓顶点坐标为(x1,y1),右下⾓顶点坐标为(x2,y2))
Python第九课学习
Python第九课学习 数据结构: 深浅拷贝 集合set 函数: 概念 创建 参数 return 定义域
wwwblogs/yuanchenqi/articles/5782764.htm ...
java中final,finally,finalize三个关键字的区别
final 可以作为修饰符修饰变量.⽅法和类. 被final修饰的变量必须在初始化时给定初值,以后在使⽤时
只能被引⽤⽽不能被修改. 被final修饰的⽅法不能够在⼦类中被重写(override): 被 ...
聊聊模板⽅法模式,装饰器模式以及AOP
在软件系统设计的时候,我们需要把⼀个⼤的系统按照业务功能进⾏拆分,做到⾼内聚.低耦合. 但是呢,拆分之后会产⽣⼀些通⽤性的东西,⽐如⽇志,安全,事务,性能统计等,这些⾮功能性需求,横跨多个模块.最lo ...
FreeBSD之基本配置
1. 设置IP地址.⽹关ee /f ifconfig_em0="inet 19
2.168.21.173 netmask 255.255.255.0" #设置 ...
jquery是什么有什么作用WinCE程序调试⽅法【转】
刚刚接触WinCE编程,感觉⼤部分跟WinForm⼀样.刚开始的时候,不知道怎么进⾏断点调试,后来同事告诉我,可以直接连接进⾏断点调试,⼀试之下,果然好⽤,所以拿出来分享⼀下. 必备⼯具: Micro ...
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。
发表评论