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 定义域 www.cnblogs.com/yuanchenqi/articles/5782764.htm ...
java中final,finally,finalize三个关键字的区别
final 可以作为修饰符修饰变量.方法和类. 被final修饰的变量必须在初始化时给定初值,以后在使用时只能被引用而不能被修改. 被final修饰的方法不能够在子类中被重写(override): 被 ...
聊聊模板方法模式,装饰器模式以及AOP
在软件系统设计的时候,我们需要把一个大的系统按照业务功能进行拆分,做到高内聚.低耦合. 但是呢,拆分之后会产生一些通用性的东西,比如日志,安全,事务,性能统计等,这些非功能性需求,横跨多个模块.最lo ...
FreeBSD之基本配置
1. 设置IP地址.网关ee /etc/rc.conf ifconfig_em0="inet 192.168.21.173 netmask 255.255.255.0" #设置 ...
WinCE程序调试方法【转】
刚刚接触WinCE编程,感觉大部分跟WinForm一样.刚开始的时候,不知道怎么进行断点调试,后来同事告诉我,可以直接连接进行断点调试,一试之下,果然好用,所以拿出来分享一下. 必备工具: Micro ...
html中map标签的用法,HTML中的map和area标签相关推荐
- python中divmod函数的用法_Python中divmod函数的用法
Python中divmod函数的用法,语言,余数,是一种,面向对象,函数 Python中divmod函数的用法 Python中divmod函数的用法 在Python中divmod函数的作用是把除数和余 ...
- php中 datalist,html5 datalist标签的用法是什么?这里有datalist标签的用法实例
本篇文章主要为大家讲述了关于html5 datalist标签的用法及html5 datalist标签的用法实例.本文说了两个常用的选项框的实例供大家选择观看,下面就让我们一起来看这篇文章吧 我们先来看 ...
- python中all函数的用法_python中map、any、all函数用法分析
这篇文章主要介绍了 python 中 map . any . all 函数用法 , 实例分析了 map . any . all 函数 的相关使用技巧 , 具有一定参考借鉴价值 , 需要的朋友可以参考下 ...
- python中sorted函数的用法_Python3 中sorted() 函数的用法
描述 sorted() 函数对所有可迭代的对象进行排序操作. 语法 sorted(iterable, key=None, reverse=False) iterable – 可迭代对象. key – ...
- python中pop函数的用法_python中pop()函数怎么用
python中pop()函数的用法:pop()函数用于移除列表中的一个元素(默认最后一个元素),并且返回从列表中移除的元素对象.函数语法:[list.pop(ojb=list[-1])]. pop() ...
- java中的this的用法_java中this的用法
This,英语单词,发音:[英][ðɪs][美][ðɪs].常翻译为:这,这么.java中this的用法有哪些呢?本文是学习啦小编整理java中this的用法的资料,仅供参考. java中this的用 ...
- java中if语句的用法_Java中的if判断语句用法介绍
在实际生活中经常需要做出一些判断,比如开车来到一个十字路口,这时需要对红绿灯进行判断,如果前面是红灯,就停车等候,如果是绿灯,就通行.Java中有一种特殊的语句叫做选择语句,它也需要对一些条件做出判断 ...
- python中function函数的用法_Python中Function(函数)和methon(方法)
在Python中,对这两个东西有明确的规定: 函数function -- A series of statements which returns some value toa caller. It ...
- python中sorted()函数的用法_Python中的Sorted()函数
在本教程中,我们将学习Python中的sorted()函数. 函数sorted()用于对可迭代对象进行升序或降序排序.我们甚至可以根据不同的键和值对字典列表进行排序.让我们充分利用sorted()函数 ...
最新文章
- Qcon大会归来(r12笔记第36天)
- 你们可能都小看了Windows!
- [Python] timeit测试代码运行效率
- 判断元素是否存在(信息学奥赛一本通-T1211)
- dup和dup2详解
- VMware Workstation Pro 无法在Windows上运行的解决方法
- 英特尔王庆连续四年担任OpenStack基金会个人独立董事
- 微信公众号--H5商城在线客服的解决方案:使用微信公众号的对话能力插件实现在线客服沟通
- 80套微信朋友圈小游戏源码分享
- 使用SDKMAN来安装JDK和管理多个JDK版本
- 宏碁电脑重装win10系统教程,宏碁怎么重装系统win10
- Excel 去重找其他几列的最大值
- dbpedia知识图谱java_中文通用百科知识图谱(CN-DBpedia)
- 操作系统:磁盘调度算法FCFS算法(c语言)
- 最小生成树算法超详细教程
- aws mysql 多区_AWS RDS多可用区+EC2实例跑mysql从库的测试
- 由《对应届和即将应届毕业生的忠告》想到的
- andy学java系列之J2ME的移动支付系统的设计与实现
- 工欲善其事必先利其器,提高编程效率
- 耶鲁大学 博弈论(Game Theory) 笔记6-纳什均衡之约会游戏与古诺模型