HTML <map> 标签用于定义一个图像映射（image map）。图像映射允许您在图片上定义区域，这些区域可以链接到其他文档或网站。
基本语法
<map name="map_name">
<area shape="shape_type" coords="coordinates" href="url" alt="alternate text">
<!-- more areas can go here -->
</map>
-
name: 定义图像映射的名称。每个图像映射都需要一个唯一的名称。 -
shape: 定义区域的形状，可以是 "rect", "circle", "poly" or "default". -
coords: 定义区域的坐标，具体格式取决于形状的类型。 -
href: 链接到另一个文档或网站。 -
alt: 当浏览器不支持图像映射时显示的替代文本。
例子
假设我们有一张图片，我们想要将其分为三个区域：左半部分链接到一个页面，右半部分链接到另一个页面，中间则没有任何链接。这可以通过以下方式实现：
<img src="image.jpg" alt="图像描述" usemap="#my_map">
<map name="my_map">
<area shape="rect" coords="0,0,150,200" href="page1.html" alt="左半部分">
<area shape="rect" coords="150,0,300,200" href="page2.html" alt="右半部分">
</map>
这里，shape="rect" 表示区域是矩形的。坐标 0,0,150,200 定义了左上角的 x 和 y 坐标以及右下角的 x 和 y 坐标。
注意事项
-
<map>标签必须与<img>标签一起使用，而usemap属性则指向图像映射的名称（带有 "#"）。 - 不要在同一个图像上使用多个图像映射。
- HTML5 不支持客户端图像映射（服务器端图像映射仍然可以工作）。
希望这篇教程能够帮助你理解如何在 HTML 中使用 <map> 标签！如有任何问题，请随时提问。