在HTML中，<area>标签用于定义图像映射内部的区域。图像映射指的是一个或多个可点击区域的图片。这些可点击区域可以链接到其他文档或网页。
基本语法
<area>标签通常与<map>标签一起使用，定义图像映射中的一个可点击区域。它的基本语法如下：
<area shape="形状" coords="坐标" href="链接地址" alt="替代文本">
其中，shape属性定义了可点击区域的形状。常见的形状包括：
-
rect：矩形 -
circle：圆形 -
poly：多边形 -
default：默认区域（即图像中未被其他区域覆盖的部分）
coords属性定义了可点击区域的坐标。它的值根据不同的形状而有所不同：
- 矩形：左上角和右下角的x,y坐标，如
"0,0,100,50" - 圆形：中心点的x,y坐标和半径，如
"50,50,25" - 多边形：每个顶点的x,y坐标，用逗号分隔，如
"0,0,100,0,100,50,0,50"
href属性定义了可点击区域被点击时跳转到的链接地址。
alt属性定义了替代文本，当图像无法显示时会显示该文本。
实例
下面是一个使用<area>标签创建图像映射的简单示例：
<img src="image.jpg" alt="图片描述" usemap="#shapes">
<map name="shapes">
<area shape="rect" coords="0,0,100,50" href="link1.html" alt="矩形区域">
<area shape="circle" coords="200,200,50" href="link2.html" alt="圆形区域">
<area shape="poly" coords="300,0,400,100,300,200,200,100" href="link3.html" alt="多边形区域">
</map>
在上面的示例中，我们有一个图片和一个映射。该图像使用了名为shapes的映射，并定义了三个可点击区域：一个矩形、一个圆形和一个多边形。当用户点击这些区域时，会跳转到相应的链接地址。
注意事项
-
<area>标签必须嵌套在<map>标签内部使用。 - 可以在同一个映射中定义多个
<area>标签，但是它们不能重叠。如果有重叠的区域，则会按照它们在代码中出现的顺序应用规则，也就是说，后面的区域将覆盖前面的区域。 -
<area>标签不能包含文本或其他HTML标签。如果需要显示文本，可以使用CSS或JavaScript等技术实现。