HTML <map>标签
示例
一个具有可点击区域的图像地图：
<img src="planets.gif" width="145" height="126" alt="星球" usemap="#planetmap" />
<map name="planetmap">
<area shape="rect" coords="0,0,82,126" href="sun.htm" alt="太阳" />
<area shape="circle" coords="90,58,3" href="mercur.htm" alt="水星" />
<area shape="circle" coords="124,58,8" href="venus.htm" alt="金星" />
</map> |
试一试 » |
定义及用法
<map>标签被用于定义客户端图像地图，即一个具有可点击区域的图像。
name属性用于定义图像地图的名称，它是<map>元素的必选属性。通过将图像地图（<map>）的名称赋值给<img>的usemap属性，以在二者之间建立起联系。
<map>元素只是一个容器，其中包含一组<area>元素，正是这些<area>元素定义了图像地图里的可点击区域。
浏览器支持
    
所有主流浏览器均支持<map>标签。
HTML和XHTML之间的差异
无
必选属性
DTD栏表明哪种文档类型支持此属性。S=Strict，T=Transitional，F=Frameset。
| 属性 |
值 |
描述 |
DTD |
| name |
地图名称 |
为图像地图定义名称 |
STF |
核心属性
<map>标签支持以下核心属性:
| 属性 |
值 |
描述 |
DTD |
| class |
类名 |
指明元素的类名 |
STF |
| dir |
rtl
ltr |
指定元素里内容的文本方向 |
STF |
| id |
id |
指明元素的唯一id |
STF |
| lang |
语言代码 |
指定元素内容的语言代码 |
STF |
| style |
样式定义 |
指定元素的内嵌样式 |
STF |
| title |
文本 |
指定元素的提示文本 |
STF |
| xml:lang |
语言代码 |
在XHTML文档中指定元素内容的语言代码 |
STF |
更多关于核心属性的信息。
事件属性
<body>标签支持以下事件属性：
| 属性 |
值 |
描述 |
DTD |
| onclick |
脚本 |
在元素区域内单击鼠标（不区分左右键）时执行脚本 |
STF |
| ondblclick |
脚本 |
在元素区域内双击鼠标（不区分左右键）时执行脚本 |
STF |
| onmousedown |
脚本 |
在元素区域内按下鼠标键（不区分左右键）时执行脚本 |
STF |
| onmousemove |
脚本 |
当鼠标指针在元素区域内移动时执行脚本 |
STF |
| onmouseout |
脚本 |
当鼠标指针移出元素区域时执行脚本 |
STF |
| onmouseover |
脚本 |
当鼠标指针移入元素区域时执行脚本 |
STF |
| onmouseup |
脚本 |
在元素区域内松开鼠标键（不区分左右键）时执行脚本 |
STF |
| onkeydown |
脚本 |
按下一个键时执行脚本 |
STF |
| onkeypress |
脚本 |
按下并松开一个键时执行脚本 |
STF |
| onkeyup |
脚本 |
松开一个键时执行脚本 |
STF |
更多关于事件属性的信息。
|
