HTML <object> usemap 属性 详解
HTML基础 2022-06-02 12:05:49小码哥的IT人生shichen
HTML <object> usemap 属性
实例
使用图像映射的 <object> 元素：
<object data="planets.gif" width="145" height="126" usemap="#planetmap"></object>
完整实例【亲自试一试】：
<!DOCTYPE html>
<html>
<body>
<h1>object usemap 属性</h1>
<object data="/i/eg_planets.jpg" usemap="#planetmap" /></object>
<map name="planetmap" id="planetmap">
<area shape="circle" coords="180,139,14" alt="Venus" href ="/demo/example/html/venus.html" />
<area shape="circle" coords="129,161,10" alt="Mercury" href ="/demo/example/html/mercur.html" />
<area shape="rect" coords="0,0,110,260" alt="Sun" href ="/demo/example/html/sun.html" />
</map>
<p><b>注释：</b>Chrome、Edge、Safari 和 OperaThe 不支持 object 元素的 usemap 属性。</p>
</body>
</html>
可以使用本站在线JavaScript测试工具测试上述代码运行效果：http://www.phpcodeweb.com/runjs.html
定义和用法
usemap 属性规定与对象一起使用的图像映射的名称。
图像映射是具有可点击区域的图像。
usemap 属性与 <map> 元素的 name 属性相关联，并在对象和映射之间创建关系。
浏览器支持
| 属性 | Chrome | Internet Explorer / Edge | Firefox | Safari | Opera |
|---|---|---|---|---|---|
| usemap | 不支持 | 不支持 | Yes | 不支持 | 不支持 |
语法
<object usemap="#mapname">
属性值
| 值 | 描述 |
|---|---|
| #mapname | 哈希字符 ("#") 加上要使用的 map 元素的名称。 |
