首页> 基础笔记 >HTML5基础学习 HTML5基础学习

area单标签 HTML5学习笔记(十二)

作者:小萝卜 2019-07-28 浏览 1031

简介< area> 标签定义图像映射中的区域(注:图像映射指得是带有可点击区域的图像)。area 元素总是嵌套在 < map> 标签中。

代码结构:

< 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

 

很赞哦! (0)

文章评论

    高端网站建设