HTML <area> 标签

HTML <area> 标签定义一个图像映射中的可点击区域。它通常与 <map> 标签一起使用，创建可点击的图像或图片地图。

语法

<area shape="" coords="" href="" target="" alt="">

属性

• shape：定义可点击区域的形状。可以是 rect（矩形）、circle（圆形）、poly（多边形）或 default（默认形状）。
• coords：定义可点击区域的坐标。具体的格式取决于 shape 的值。
• href：定义链接的目标 URL。
• target：指定链接在何处打开。可以是 _self（在当前窗口打开）、_blank（在新窗口打开）或其他窗口名称。
• alt：定义替代文本，当图像不可显示或用户禁用图像显示时，将显示该文本。

示例

以下示例展示了一个使用 <map> 和 <area> 标签创建的简单图像映射：

<img src="planets.gif" alt="Planets" usemap="#planetmap">

<map name="planetmap">
  <area shape="rect" coords="0,0,82,126" href="sun.html" alt="Sun">
  <area shape="circle" coords="90,58,3" href="mercur.html" alt="Mercury">
  <area shape="circle" coords="124,58,8" href="venus.html" alt="Venus">
</map>

在上述示例中，图像将显示为一个名为 "planets.gif" 的图片，并创建了一个名称为 "planetmap" 的图像映射。图像映射包含了三个可点击区域，分别代表太阳、水星和金星。当用户点击这些区域时，分别会导航到不同的链接页面。

注意事项

• <area> 标签必须嵌套在 <map> 标签内部。
• 图片必须具有 usemap 属性，并指向与之对应的 <map> 的名称。

更多关于 <area> 标签的详细信息，请参考 HTML 标签。