area单标签 HTML5学习笔记（十二）

< 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>

标签的定义：

< area> 标签定义图像映射中的区域（注：图像映射指得是带有可点击区域的图像）。

area 元素总是嵌套在 < map> 标签中。

注释：< img> 标签中的 usemap 属性与 map 元素 name 属性相关联，创建图像与映射之间的联系。

属性：
alt            值：text   描述：文字描述 必填
coords     值：坐标值    描述：定义可点击区域（对鼠标敏感的区域）的坐标   可选填
href          值：url    描述：定义此区域的目标 URL  可选填
nohref      值：nohref  描述：从图像映射排除某个区域  可选填
shape       值：default,rect,circ,poly 描述：定义区域的形状 可选填
target       值：_blank,_parent,_self,_top 描述：规定在何处打开 href 属性指定的目标 URL

欢迎转载，转载需注明地址： http://www.luowebs.com/Skill_desc/99/210.html

很赞哦！ (0)