map
适用DTD:Strict Transitional Frameset 适用浏览器:All
释义
客户端图像映射(client-side image map)
语法
<map 属性="属性值">~标签内容~</map>
说明
map元素用来起始定义一个
客户端图像映射。定义客户端图像映射需要三方面的配合:
- 图像映射容器,即图片元素,如img、input、object以及embed。这几个元素都可以在网页中嵌入图片,其中img为通用的图片嵌入元素,input元素可以在网页中插入图像按钮,object和embed在插入图片功能方面也得到一些浏览器的支持,尽管未能得到IE 6的很好支持。插入图片对象的元素通过usemap属性和图像映射关联。
- 为map元素设置name或者id属性(浏览器对id的支持不是很好),图片元素的usemap属性指向name或id属性,具体为usemap属性值就是name或id属性值前面加上井号#。(usemap属性值其实是一个URI)
- map元素的标签内容中需要进行的设置:
- 一是嵌套一个或多个area元素。area元素是空元素不包含任何内容,它用来具体定义图像映射的几何形热点区域(用户可点击操作)及映射区域的链接指向、替换文本等信息。鉴于浏览器可能不会呈现出area元素,给其加上alt属性是必要的。
- 或者嵌套块级内容,块级元素内必须包含a元素,a元素也用来具体定义图像映射的几何形区域及映射区域的链接指向。
当map元素同时包括area元素和块级内容时,浏览器可能会忽略前者。
可见,设计者可以用area元素或者a元素定义图像映射的几何形区域,或者这两个元素都使用,这样的话,旧版本的浏览器只会处理area元素定义的映射区域,而新版本的浏览器可能会使用内容更丰富的块级内容(使用a元素设置的映射区域)
此外,map元素也可以不用于图像映射而只用于普通的导航机制。
终止标签不可省略
属性
属性 |
属性值 |
说明 |
① name |
name名 |
元素的识别名称,即客户端图像映射的名称,提供给其他元素引用。该属性是为了向下兼容而存在,id属性是其替代属性 |
② id |
id名 |
元素的识别名称,即客户端图像映射的名称,提供给其他元素引用。该属性用来替代name属性,不过现在还没有得到浏览器的普遍支持 |
③ 通用属性:class、title、style、dir、lang、xml:lang |
nbsp;
Firefox 2.0等新型浏览器已经支持a元素与object、embed等元素建立的客户端图像映射,但IE 6还不能识别
参阅
area
img
a