<area> 标签通常与 <map> 元素一起使用，用于在图像映射（image maps）中定义可点击区域。图像映射允许将图像划分为多个区域，每个区域可以关联到不同的链接或操作。<area> 标签定义了图像映射中的一个区域。

以下是一个简单的示例：
<img src="planets.jpg" alt="Solar System" usemap="#solarsystem">

<map name="solarsystem">
  <area shape="rect" coords="0,0,50,50" alt="Sun" href="sun.html">
  <area shape="circle" coords="100,100,50" alt="Earth" href="earth.html">
  <area shape="poly" coords="200,0,250,50,200,100" alt="Mars" href="mars.html">
</map>

在这个例子中：

  •  <img> 元素用于显示一个图像（"planets.jpg"）。

  •  <map> 元素定义了图像的映射区域，通过 name 属性与 <img> 中的 usemap 属性关联。

  •  <area> 标签定义了三个不同形状的区域，分别是矩形、圆形和多边形。每个 <area> 都有 coords 属性，指定了区域的坐标，以及 alt 属性提供了替代文本。href 属性指定了点击区域后跳转的链接。


这样，用户在点击图像的特定区域时，会根据相应的 <area> 设置执行相应的操作或跳转到指定的链接。这是一种用于创建交互式图像的方法。


转载请注明出处：http://www.zyzy.cn/article/detail/3816/HTML