HTML <img> 标签usemap属性

<img>标签usemap属性定义和用法

usemap属性将图像指定为客户端图像映射（图像映射是具有可点击区域的图像）。
usemap属性与<map> 元素的name属性相关联，并在<img>和<map>之间创建关系。
注意：如果<img>元素是<a>或<button>元素的后代，则不能使用usemap属性。

<img>标签usemap属性浏览器支持

Edge/IE	Chrome	FireFox	Safari	Opera

支持	支持	支持	支持	支持

HTML4.01和HTML5之间的差异

没有。

<img>标签usemap属性语法

<img>标签usemap属性实例

<!DOCTYPE html>
<html lang="en">
<head>
        <meta charset="UTF-8">
</head>
<body>
        <img src="images/j1.jpg" alt="Workplace" usemap="#workmap">
        <map name="workmap">
        <area shape="rect" coords="53,46,105,123" alt="jiuhu" href="images/j2.jpg">
        <area shape="rect" coords="122,112,149,166" alt="jiubei" href="images/j3.jpg">
        </map>
</body>
</html>

尝试一下

<img>标签usemap属性值

属性值	描述
#mapname	“＃”字符加上要使用的<map>元素的name