栏目分类:
子分类:
返回
名师互学网用户登录
快速导航关闭
当前搜索
当前分类
子分类
实用工具
热门搜索
名师互学网 > IT > 软件开发 > 后端开发 > Python

关于HTML5中图像标签usemap属性的解读

Python 更新时间: 发布时间: IT归档 最新发布 模块sitemap 名妆网 法律咨询 聚返吧 英语巴士网 伯小乐 网商动力

关于HTML5中图像标签usemap属性的解读

图像标签
标签描述
定义图像
定义带有可单击区域的图像映射
定义图像地图中的可单击区域
定义媒介内容的分组,以及他们的标题
定义figure元素的标题

是一个空元素(单标签),以下是图像标签的属性:

标签的属性
属性描述
alttext必需,图像替换文本
srcURL必需,图像的URL
heightpixels/%图像宽度
weightpixels/%图像高度
usemapURL将图像定义为客户器端的图像映射
borderpixels图像边框
titletext图像的提示文本

Ismap    将图像定义为服务端的图像映射

只讲一下红色的重点,因为以前学DW的时候用过图像地图做链接现在说一下原理。

标签的 ismap 和 usemap 属性告诉浏览器这个图像是一个特殊的可视映射,可以通过鼠标来对一个或多个超链接进行选择,也就是通常所说的图像映射(image map)。

什么是图像映射:图像映射是一个能对链接指示做出反应的图形或文本框。单击该图形或文本框的已定区域,可转到与该区域相链接的目标(URL)。简单的说图像映射就是在一幅图中定义若干个区域(热点),每个区域中指定一个不同的超链接,当单击不同的区域时将会跳转到不同的超链接。

图像映射分两种类型:1、在从Internet装入图形的客户机上进行处理的,称为客户器端图像映射。

2、在向Internet提供的HTML页面的服务器计算机上进行处理的,称为服务端图像映射。

引用:

图像映射的 ismap 样式被称为 “服务器端”图像映射,它只可以用在 标签标识的超链接里面。

请看下面的例子:

  

当用户在 ismap 图像上单击了某处时,浏览器会自动把鼠标的 x、y 位置(相对于图像的左上角)发送到服务器端。特殊的服务器端软件(在本例中是 /example/map 程序)可以根据这些坐标来做出响应。

标签的属性
属性描述
idunique_name为map标签定义唯一的名称
namemapname为 image-map 规定的名称。

标签的属性也有很多,主要是定义划分区域(热点)的形状,以及定义超链接

标签和标签用于创建图像地图。说白了就是定义可单击区域的图像映射

元素必须使用name属性定义image-map的名称,而image-map这个属性与标签的usemap属性相关联,创建图像与映射之间的关系。

 

usemap 属性的值是一个 URL,它指向特殊的 区域。usemap就是给图像地图一个名称,图像地图的name属性使用这个名称,从而他们建立了图像和映射之间的关系。

好奇为什么URL不是统一资源定位符吗,为什么不写网址?所以在前面加一个#才能解释得通吧,代表空的? 看起来真的特别像书签,因为好像很早以前name好像也可以用来做锚。

就暂且这么理解吧如果有大佬能解释欢迎指正,查了很多基本上查不到,也看了w3c的解释,强行理解哈哈哈哈哈哈哈哈哈

 本来刚开始脑子想通了,写到后面发现不知道怎么组织语言了好玩了,睡觉了。

转载请注明:文章转载自 www.mshxw.com
本文地址:https://www.mshxw.com/it/280386.html
我们一直用心在做
关于我们 文章归档 网站地图 联系我们

版权所有 (c)2021-2022 MSHXW.COM

ICP备案号:晋ICP备2021003244-6号