<area>标签

Html5知典

发布于 2019-11-26 16:46:01

4110

发布于 2019-11-26 16:46:01

文章被收录于专栏：Html5知典Html5知典

用途

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