您现在的地位: 365体育备用网址 > bet365体育在线, > html5教程 > HTML <area> 标签的 shape 属性

HTML <area> 标签的 shape 属性_365体育备用网址官网资讯

您现在的地位: 365体育备用网址 > bet365体育在线, > html5教程 > HTML <area> 标签的 shape 属性

HTML <area> 标签的 shape 属性

此节有 154 人学习过     参与评论

实例

<img src ="planets.gif" alt="Planets" usemap ="#planetmap" />

<map name="planetmap">
  <area shape="rect" coords="0,0,110,260" href="sun.htm" alt="Sun" />
  <area shape="circle" coords="129,161,10" href="mercur.htm" alt="Mercury" />
  <area shape="circle" coords="180,139,14" href="venus.htm" alt="Venus" />
</map>

亲自试一试

定义和用法

shape 属性与 coords 属性配合,能够规定区域的尺寸、形状和地位。

详细解释:

shape 属性用于定义图像映射中对鼠标敏感的区域的形状:

  • 圆形(circ 或 circle)
  • 多边形(poly 或 polygon)
  • 矩形(rect 或 rectangle)

shape 属性的值会影响扫瞄器对 coords 属性的解释。如果未使用 shape 属性,那么会假设使用值 default。依照标准,default 意味着该区域覆盖整个图像。在实际中,扫瞄器默认使用矩形区域,并期望能找到 4 个 coords 值。如果没有指定形状,而且在标签中也没有包括 4 个坐标,那么扫瞄器会疏忽整个区域。

能够识别 shape 属性的 default 值的扫瞄器,能够提供一个包括全部热点的区域,以用于在超越其余热点定义的范围之外单击的情况。由于区域在 <map> 标签中是采纳“先来先得”的顺序,一切必须将默认区域放置在后面。否则,默认区域会覆盖其余的图像映射中出现的一切区域。

扫瞄器在形状名称的实现方面没有严厉要求。例如,对于矩形,Netscape 4 不能识别 "rectangle",却能识别 "rect"。出于这个原因,我们建议使用缩写的名称。

扫瞄器撑腰

一切扫瞄器都撑腰 shape 属性。

语法

<a shape="value">

属性值

描述
default 规定全部区域。
rect 定义矩形区域。
circ 定义圆形。
poly 定义多边形区域。

参阅

如对本文有疑问,请提交到交流澳门永利 402 cc,广大热心网友会为你解答!! 点击进入澳门永利 402 cc


公布评论 (154人察看0条评论)
请自觉遵守互联网相关的政策法规,严禁公布色情、暴力、反动的言论。
用户名: 验证码: 点击我更换百家乐包桌 百家乐
最新评论
------分隔线----------------------------
html5教程目录
条评论
Sitemap