给大家介绍一下HTML5中<area>标签的使用,供大家参考!
方法/步骤
1、<area>标签用于定义【图像映射中的区域】,它需要嵌套在<map>标签中来使用。下图中是一个完整的示例,实现了点击图片中指定的区域会打跳转到一个新的页面。如下图所示
2、<area>标签的shape属性规定了映射区域的【形状】,可以是圆形、矩形、多边形。如下图所示
3、<area>标签的coords属性规定了映射区域的【坐标值】,该坐标是基于图像左上角的像素点坐标。如下图所示
4、<area>标签的href属性规定了点击映射区域【跳转的页面地址】,同时我们还可以配合target属性来规定在当前页面跳转还是在新窗口中跳转。如下图所示
5、<area>标签的nohref属性规定了需要【排除的映射区域】,即在该区域中不会触发点击事件。如下图所示
