同一个html页面中两个area,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请求，对提升页面的性能有不少的帮助。

来源：https://www.cnblogs.com/makunzheng/p/10493433.html

同一个html页面中两个area,HTML中的map和area标签相关推荐

mysql中两次排序_MySQL中的两种排序方式： index和filesort
index :通过有序索引顺序扫描直接返回有序数据,不需要额外的排序,操作效率较高. filesort:通过对返回数据进行排序,filesort 并不代表通过磁盘文件排序,而是说明进行了一个排序操作, ...
html中两个冒号,css中双冒号和单冒号区别
:--是指的伪类 ::--是指的伪元素 1.字面意思: 伪类,1.css中有类选择器,某些元素并未定义类名,就可以通过伪类赋予样式,如:[:nth-child(n)]:2.伪类可以应用于元素执行某种状 ...
html中map标签的用法,HTML中的map和area标签
1. 标签介绍: (1)map标签: 该标签是指图片的映射,也就是说一张可以点击的图片的映射: 属性介绍: <1> id: 中的 usemap 属性可引用中的 id 或 name 属性( ...
html 两个iframe重叠,解决同一页面中两个iframe互相调用jquery,js函数的方法
这一个月又没更新博客,唉,懒癌又犯了,今天解决了一个问题,关于两个iframe互相调用jquery函数方法 a.html中有两个iframe,如下: b.html中有一个treeview,称为左菜单i ...
如何实现同一个页面里面两个页面的相互切换（window.onscroll）
这里我们通过一个实例来阐述具体的做法,首先我们在一个页面有两个要处理的DIV页面,第一个页面的div中id="basic",第二个页面的div中id="high" ...
解决同一页面中两个iframe互相调用jquery,js函数
这一个月又没更新博客,唉,懒癌又犯了,今天解决了一个问题,关于两个iframe互相调用jquery函数方法 a.html中有两个iframe,如下: <iframewidth="100 ...
给定一个整数数组 nums 和一个目标值 target，请你在该数组中找出和为目标值的那两个整数，并返回他们的数组下标。你可以假设每种输入只会对应一个答案。但是，数组中同一个元素不能使用两遍。
给定一个整数数组 nums 和一个目标值 target,请你在该数组中找出和为目标值的那两个整数,并返回他们的数组下标. 你可以假设每种输入只会对应一个答案.但是,数组中同一个元素不能使用两遍. ...
如果在一个工程中有两个vhd文件，就相当于有两个模块，那么对于这个工程整体的bdf文件生成，怎么把这两个模块都加到同一个bdf文件中。bdf文件中两个模块之间的连线及输入输出，是自己输进去的还是自动生
如果在一个工程中有两个vhd文件,就相当于有两个模块,那么对于这个工程整体的bdf文件生成,怎么把这两个模块都加到同一个bdf文件中.bdf文件中两个模块之间的连线及输入输出,是自己输进去的还是自动生 ...
uniapp 微信小程序最近写的两个小程序中都会有，微信分享的设置，每次都在单个页面中写相同的内容，修改很不友好。下面全局分享代码做了记录
最近写的两个小程序中都会有,微信分享的设置,每次都在单个页面中写相同的内容,修改很不友好.下面全局分享代码做了割记录首先在小程序中配置微信分享,和微信朋友圈, onShareAppMessage, ...

同一个html页面中两个area,HTML中的map和area标签

同一个html页面中两个area,HTML中的map和area标签相关推荐

最新文章

热门文章