| 标签 | 描述 |
|---|---|
| 定义图像 | |
| 定义带有可单击区域的图像映射 | |
| 定义图像地图中的可单击区域 | |
| 定义媒介内容的分组,以及他们的标题 | |
| 定义figure元素的标题 |
是一个空元素(单标签),以下是图像标签的属性:
| 属性 | 值 | 描述 |
|---|---|---|
| alt | text | 必需,图像替换文本 |
| src | URL | 必需,图像的URL |
| height | pixels/% | 图像宽度 |
| weight | pixels/% | 图像高度 |
| usemap | URL | 将图像定义为客户器端的图像映射 |
| border | pixels | 图像边框 |
| title | text | 图像的提示文本 |
Ismap 将图像定义为服务端的图像映射
只讲一下红色的重点,因为以前学DW的时候用过图像地图做链接现在说一下原理。
标签的 ismap 和 usemap 属性告诉浏览器这个图像是一个特殊的可视映射,可以通过鼠标来对一个或多个超链接进行选择,也就是通常所说的图像映射(image map)。
什么是图像映射:图像映射是一个能对链接指示做出反应的图形或文本框。单击该图形或文本框的已定区域,可转到与该区域相链接的目标(URL)。简单的说图像映射就是在一幅图中定义若干个区域(热点),每个区域中指定一个不同的超链接,当单击不同的区域时将会跳转到不同的超链接。
图像映射分两种类型:1、在从Internet装入图形的客户机上进行处理的,称为客户器端图像映射。
2、在向Internet提供的HTML页面的服务器计算机上进行处理的,称为服务端图像映射。
引用:
图像映射的 ismap 样式被称为 “服务器端”图像映射,它只可以用在 标签标识的超链接里面。
请看下面的例子:
当用户在 ismap 图像上单击了某处时,浏览器会自动把鼠标的 x、y 位置(相对于图像的左上角)发送到服务器端。特殊的服务器端软件(在本例中是 /example/map 程序)可以根据这些坐标来做出响应。
| 属性 | 值 | 描述 |
|---|---|---|
| id | unique_name | 为map标签定义唯一的名称 |
| name | mapname | 为 image-map 规定的名称。 |
标签的属性也有很多,主要是定义划分区域(热点)的形状,以及定义超链接
usemap 属性的值是一个 URL,它指向特殊的
好奇为什么URL不是统一资源定位符吗,为什么不写网址?所以在前面加一个#才能解释得通吧,代表空的? 看起来真的特别像书签,因为好像很早以前name好像也可以用来做锚。
就暂且这么理解吧如果有大佬能解释欢迎指正,查了很多基本上查不到,也看了w3c的解释,强行理解哈哈哈哈哈哈哈哈哈
本来刚开始脑子想通了,写到后面发现不知道怎么组织语言了好玩了,睡觉了。



