18910140161

关于html中area标签的用法详解

顺晟科技

2021-06-16 10:20:12

238

area标签

区域标签定义了图像地图中的区域(注意:图像地图是指具有可点击区域的图像)。

区域元素总是嵌套在地图标记中。

(推荐教程:html教程)

注意:img标签中的usemap属性与地图元素的name属性相关联,从而在图像和地图之间建立了连接。img中的Usemap属性可以引用地图中的id或名称属性(由浏览器决定),因此我们需要同时向地图添加id和名称属性。

请看下图:

cf2933b6fc325c1e41fc24d17be332e.png

属性值:

Href :点击区域跳转链接。Alt :画面不能正常显示时的信息。

示例:

1.距离形状:(左上角的顶点坐标为(x1,y1),右下角的顶点坐标为(x2,y2))

一个

面积形状='rect '坐标='x1,y1,x2,y2' href=url

2.圆:(中心坐标为(X1,y1),半径为r)

一个

面积形状='圆形'坐标='x1,y1,r' href=url

3.多边形:(每个顶点的坐标为(x1,y1),(x2,y2),(x3,y3).)

一个

面积形状='poly '坐标='x1,y1,x2,y2 . 'href=url

相关文章
我们已经准备好了,你呢?
2024我们与您携手共赢,为您的企业形象保驾护航