您的位置:首页 > 其它

零碎知识之:<map><area>

2016-05-24 21:52 295 查看
在进行操作时,点击不同的位置,进行不同地响应,连接到不同界面,则通常回用到<map>,也就理所当然地离不开<area>。看个例子:

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


则整张图片选区了3个地方,形状分别为circle 、circle、rec,区域范围用coords来定义,相应的相应链接用href进行设置。当图片无法显示时,在对应的区域,显示文字替代,用alt提示。

属性描述
coords坐标值定义可点击区域(对鼠标敏感的区域)的坐标。
hrefURL定义此区域的目标 URL。
nohrefnohref从图像映射排除某个区域。
shapedefault
rect
circ
poly

定义区域的形状。
target_blank
_parent
_self
_top

规定在何处打开 href 属性指定的目标 URL。
对应图片使用map,通过usemap进行设定。over!
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: