手抄报 安全手抄报 手抄报内容 手抄报图片 英语手抄报 清明节手抄报 节约用水手抄报

closed area 攻略

时间:2024-10-15 01:23:35

1、<area> 标签用于定义【图像映射中的区域】,它需要嵌套在 <map> 标签中来使用。下图中是一个完整的示例,实现了点击图片中指定的区域会打跳转到一个新的页面。如下图所示

closed area 攻略

2、<area> 标签的shape属性规定了映射区域的【形状】,可以是圆形、矩形、多边形。如下图所示

closed area 攻略

3、<area> 标签的coords属性规定了映射区域的【坐标值】,该坐标是基于图像左上角的像素点坐标。如下图所示

closed area 攻略

4、<area> 标签的href属性规定了点击映射区域【跳转的页面地址】,同时我们还可以配合target属性来规定在当前页面跳转还是在新窗口中跳转。如下图所示

closed area 攻略

5、<area> 标签的nohref属性规定了需要【排除的映射区域】,即在该区域中不会触发点击事件。如下图所示

closed area 攻略
closed area 攻略
© 手抄报圈