多语言展示
当前在线:164今日阅读:55今日分享:34

HTML5之area标签的使用

给大家介绍一下HTML5中标签的使用,供大家参考!
工具/原料
1

电脑(windows系统)

2

浏览器(chrome80.0)

方法/步骤
1

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

2

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

3

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

5

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

6

可以将href属性的值设置为:【“javascript:+javascript语句”】的形式来实现点击的时候执行一段代码。如下图所示

总结

1、 标签用于定义【图像映射中的区域】,它需要嵌套在 标签中来使用。2、 标签的shape属性规定了映射区域的【形状】。3、 标签的coords属性规定了映射区域的【坐标值】。4、 标签的href属性规定了点击映射区域【跳转的页面地址】。5、 标签的nohref属性规定了需要【排除的映射区域】。6、可以将href属性的值设置为:【“javascript:+javascript语句”】来实现点击的时候执行一段代码。

注意事项

标签中的 usemap 属性会引用 标签中的 id 或 name 属性(由浏览器决定),所以我们需要同时向 添加 id 和 name 两个属性。

推荐信息