HTML5之area标签的使用

 时间:2026-02-13 23:51:56

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

HTML5之area标签的使用

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

HTML5之area标签的使用

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

HTML5之area标签的使用

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

HTML5之area标签的使用

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

HTML5之area标签的使用

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

HTML5之area标签的使用

1、<area> 标签用于定义【图像映射中的区域】,它需要嵌套在 <map> 标签中来使用。

2、<area> 标签的shape属性规定了映射区域的【形状】。

3、<area> 标签的coords属性规定了映射区域的【坐标值】。

4、<area> 标签的href属性规定了点击映射区域【跳转的页面地址】。

5、<area> 标签的nohref属性规定了需要【排除的映射区域】。

6、可以将href属性的值设置为:【“javascript:+javascript语句”】来实现点击的时候执行一段代码。

  • 三天如何游玩张家界张家界三日游有哪些必玩景点
  • 如何求y=cos3x与y=cos6x围成的面积
  • 圣斗士星矢怎么搭配阵容
  • 大学数字电路复习提纲
  • 万花筒漫画app怎么注销账号
  • 热门搜索
    重庆有哪些旅游景点 旅游高峰期 网上团购旅游 锡林郭勒盟旅游 江西省旅游地图 黄果树旅游攻略 旅游网址 旅游人才 南京旅游路线 大陈岛旅游