所有分类
  • 所有分类
  • 后端开发
HTML区域点击秘籍大揭秘!从地图标签到形状坐标,一文get

HTML区域点击秘籍大揭秘!从地图标签到形状坐标,一文get

标签定义图像映射中的区域(注:图像映射指得是带有可点击区域的图像)。标签中。属性相关联,创建图像与映射之间的联系。点击区域跳转的链接。2、圆形:(圆心坐标为(X1,y1),半径为r)area标签,希望对大家有所帮助,如果大家有任何疑问请给我

标签定义图片上哪些地方能点击什么的原理?我这篇文章就是要好好给你们科普一下!

你得先记住,区域这个东西是嵌套在哪个标签里?说的没错!那就是地图标签,它们俩好的跟一个人似的。

那为啥要用usemap属性来绑定area标签?简单说,就是让它们俩有个关系。这跟map元素的name属性有关。

下面咱们来谈谈href和alt这俩属性:href就是告诉浏览器点击哪里会跳到另一个地方;alt就是在图片看不见时给用户提供的解释文字。

明白了吗?接下来让我简单说说shape和coords的事儿。长方形的话,你得知道它的上下左右四个角的位置(比如左上角的点是(x1, y1));然后是圆形,找到中间的那个点(就像圆心,记作(X1, y1)),还有它的宽(就是半径r这个值啦);至于多边形,你要记住每个节点的坐标,这样就能画出各种形状来咯~

HTML区域点击秘籍大揭秘!从地图标签到形状坐标,一文get

咱们今天就把html area标签说个透彻!希望你们都能学到点东西。有啥问题的话别害羞,留言就是。我会马上去回答~

谢谢大家一直以来支持我们的网站!你们觉得这篇东西有帮助就动动手给它点个赞分享出去!

那什么是标签定义图像映射中的区域?其实很简单,就是利用area标签来设定地图中的哪些区域可以被点选,在这过程里要用到map标签、usemap属性和name属性等,这些都能让图像和地图建立关系;然后用href和alt属性来告诉浏览器点击这个区域要去哪里以及图片不能看时的替代文本。对了,还能用shape和coords属性来画矩形、圆形或多边形,定义它们的位置和大小。今天就把这些都讲清楚,希望能帮到你们。除了这些,你们要是有什么别的问题或者想要知道更多的知识,欢迎随时跟我说!别忘了关注我们的网站,感谢您的支持

 

原文链接:https://www.icz.com/technicalinformation/web/vue2/2024/03/11916.html,转载请注明出处~~~
0

评论0

请先
注意:请收藏好网址www.icz.com,防止失联!站内免费资源持续上传中…!赞助我们
显示验证码
没有账号?注册  忘记密码?