HTML area标签

HTML area标签定义了图像地图的一系列可点击区域。每个可点击区域都表示为一个区域对象，并且与图像的特定区域相对应。该标签提供了一种在网页上创建交互式地图的方法。

属性

|属性|值|描述| |---|---|---| |alt|text|定义鼠标指针移动到区域上时的替换文本。| |coords|coordinates|定义可点击区域的坐标。| |href|URL|定义链接的目标地址。| |hreflang|language_code|定义链接的目标语言。| |media|media_query|定义链接的媒体类型。| |rel|relationship|定义链接的关系。| |shape|shape|定义可点击区域的形状。| |target|name|定义打开链接的目标窗口。| |type|media_type|定义链接的媒体类型。|

用法示例

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

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

在上面的示例中，使用 <img> 标签将图像 "planets.gif" 插入到页面中，并使用 "planetmap" 作为图像地图的名称。然后，在 <map> 标签下，使用 <area> 标签定义了三个可点击区域，分别对应于太阳、水星和金星。每个 <area> 标签都指定了一个形状，以及可点击区域的坐标和链接目标等属性。