用途
<area> 标签定义图片映射中的区域(注:图像映射指得是带有可点击区域的图像)。<area>元素总是嵌套在 <map> 元素中。
注释:<img> 元素中的 usemap 属性与 <map> 元素 name 属性相关联,创建图像与映射之间的联系。
例子
<img src="planets.jpg" border="0" usemap="#planetmap" alt="Planets" />
<map name="planetmap" id="planetmap">
<area shape="circle" coords="180,139,14" href ="venus.html" alt="Venus" />
<area shape="circle" coords="129,161,10" href ="mercur.html" alt="Mercury" />
<area shape="rect" coords="0,0,110,260" href ="sun.html" alt="Sun" />
</map>
标准属性
属性 | 描述 | HTML5 |
---|---|---|
alt | 定义此区域的替换文本。如果 href 存在,则该属性是必需的。仅在 href 属性存在时使用。 | |
coords | 定义可点击区域的坐标值。这个值的数值和意义取决于这个值所描述的形状属性。 | |
href | 定义此区域的目标 URL。 | |
hreflang | 规定目标 URL 的基准语言。仅在 href 属性存在时使用。 | |
media | 规定目标 URL 的媒介类型。默认值:all。仅在 href 属性存在时使用。 | ✔ |
ping | 由空格分隔的 URL 列表,当用户点击该链接时,这些 URL 会获得通知。仅在 href 属性存在时使用。 | |
rel | 规定当前文档与目标 URL 之间的关系。仅在 href 属性存在时使用。 | ✔ |
shape | 规定区域的形状。 | |
target | 在何处打开目标 URL。 | |
type | 规定目标 URL 的 MIME 类型。仅在 href 属性存在时使用。 | ✔ |
<area> 标签在HTML5与HTML4.01之间存在如下差异