area

 

用途

<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 属性存在时使用。 ✔

事件属性

属性描述HTML5新
全局键盘事件属性
全局鼠标事件属性

变更点

<area>标签在HTML5与HTML4.01之间存在如下差异

  • HTML5有一些新的属性，同时不再支持以下的HTML4.01属性
  1. nohref
    原用于从图像映射排除一个区域。

参考

外部链接


跳至内容顶部