HTML中锚点的使用_动力节点Java学院整理

什么是HTML锚点,锚点应该如何用?这篇文章主要为大家详细介绍了HTML中锚点的使用方法,具有一定的参考价值,感兴趣的小伙伴们可以参考一下

现在总结一下控制锚点的几种情况:

1. 在同一页面中
 

2. 在不同页面中,锚点定位在a.html中,从另外一个页面的链接跳转到这个锚点 

3. 点击链接触发js事件,同时跳转到锚点,有两种处理方式:

第一种:

第二种: 

在html中设置锚点定位有几种方法,使用id定位、使用name定位、使用js定位,这些方法不一定是最全的,只可以参考下

1、使用id定位:

 锚点1

11111111111
11111111111
11111111111
11111111111
11111111111

这样的定位可以针对任何标签来定位。

2、使用name定位:

使用name属性只能针对a标签来定位,而对div等其他标签就不能起到定位作用。

3、使用js定位

实例:

js 锚点平滑定位  

   
header_1 --> header_4

header_2 --> header_5

header_3 --> header_6

header_4 --> header_7

header_5 --> header_3

header_6 --> header_2

header_7 --> header_1

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持本赛季网。

以上就是HTML中锚点的使用_动力节点Java学院整理的详细内容,更多请关注本赛季网其它相关文章!

赞(0) 打赏
未经允许不得转载:本赛季网首页 » HTML 教程

评论 抢沙发

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址

Tian开发相关广告投放 更专业 更精准

联系我们

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

微信扫一扫打赏