技术文档

HTML <map> 标签

更新时间:2025-03-13 浏览量:

实例

带有可点击区域的图像映射:

<img src="planets.jpg" border="0" ="marked">usemap="#planetmap" alt="Planets" />

<map name="planetmap" id="planetmap">

<area shape="circle" coords="180,139,14" href ="venus.html" alt="Venus" />

<area shape="circle" coords="129,161,10" href ="mercur.html" alt="Mercury" />

<area shape="rect" coords="0,0,110,260" href ="sun.html" alt="Sun" />

</map>

浏览器支持  

所有主流浏览器都支持<map>标签。  

定义和用法  

定义一个客户端图像映射。图像映射(image-map)指带有可点击区域的一幅图像。  

HTML与XHTML之间的差异  

NONE  

提示和注释:  

注释:area元素永远嵌套在map元素内部。area元素可定义图像映射中的区域。  

注释:<img>中的usemap属性可引用<map>中的id或name属性(取决于浏览器),所以我们应同时向<map>添加id和name属性。  

必需的属性  

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

可选的属性

属性描述
namemapname为 image-map 规定的名称。