HTML教程-HTML<map>标签
HTML <map> 标签用于与 <area> 标签一起定义客户端图像映射。
图像映射由一个带有可点击区域的图像组成，您可以点击图像上的区域，它会打开新的目标或提供的目的地。
<map> 标签可以包含多个 <area> 元素，用于定义区域的坐标和类型。
通过使用 <map> 标签，您可以轻松地将图像的任何部分链接到其他文档，而无需将图像分割。
语法
<map name="mapname">以下是关于 HTML <map> 标签的一些规范
| 属性 | 值 | 描述 |
|---|---|---|
| 显示 | 无 | |
| 开始标签/结束标签 | 只有开始标签 | |
| 用途 | 图像映射 |
示例
<!DOCTYPE html>
<html>
<head>
<title>HTML map tag</title>
<style>
body {
margin-left: 250px;
}
</style>
</head>
<body>
<h2>Example of HTML Map tag</h2>
<img src="image1.png" usemap="#web">
<map name="web">
<area shape="rect" coords="66,117,131,168" href="https://www.javatpoint.com/html-tutorial">
<area shape="rect" coords="199,36,277,85" href="https://www.javatpoint.com/css-tutorial">
<area shape="rect" coords="330,107,406,159" href="https://www.javatpoint.com/bootstrap-tutorial">
<area shape="rect" coords="199,185,267,236" href="https://www.javatpoint.com/javascript-tutorial">
</map>
</body>
</html>属性:
标签特定属性:
| 属性 | 值 | 描述 |
|---|---|---|
| name | mapname | 定义图像映射的名称。 |
全局属性:
<map> 标签支持 HTML 中的全局属性。
事件属性:
<map> 标签支持 HTML 中的事件属性。
支持的浏览器
| 元素 |  Chrome |  IE |  Firefox |  Opera |  Safari |
|---|---|---|---|---|---|
<map> | 是 | 是 | 是 | 是 | 是 |
