html中怎么设置锚点定位?设置锚点定位方法汇总

广告:宝塔Linux面板高效运维的服务器管理软件 点击【 https://www.bt.cn/p/uNLv1L 】立即购买

html中怎么设置锚点定位?设置锚点定位方法汇总

很多html,都会遇到锚点定位,那么html中怎么设置锚点定位?下面我们来总结一下html中怎么设置锚点定位方法有哪些?以及汇总一下html中设置锚点定位方法。

在html中设置锚点定位我知道的有几种方法,在此和大家分享一下:

1、使用id定位:

代码如下:

<a href="#1F" name="1F">锚点1</a> <p name="1F"> <p> 11111111111 </br> 11111111111 </br>11111111111 </br>11111111111 </br>11111111111 </br>11111111111 </br>11111111111 </br>11111111111 </br>11111111111 </br>11111111111 </br>11111111111 </br>11111111111 </br>11111111111 </br>11111111111 </br>11111111111 </br>11111111111 </br> </p> </p>
登录后复制

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

2、使用name定位:

代码如下:

<a href="#5F">锚点5</a> </br></br></br></br></br></br></br></br></br></br></br></br></br></br></br></br></br></br></br> <a name="5F">1111111</href>
登录后复制

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

3、使用js定位

代码如下:

<li class="" onclick="javascript:document.getElementById('here').scrollIntoView()"></li>
登录后复制

以上就是对html中怎么设置锚点定位?设置锚点定位方法汇总的全部介绍,如果你想了解更多有关html教程问题,请关注php公益培训

以上就是html中怎么设置锚点定位?设置锚点定位方法汇总的详细内容,更多请关注9543建站博客其它相关文章!

广告:SSL证书一年128.66元起,点击购买~~~

9543建站博客
一个专注于网站开发、微信开发的技术类纯净博客。
作者头像
admin创始人

肥猫,知名SEO博客站长,14年SEO经验。

上一篇:如何使用HTML5+CSS3动态画一个笑脸
下一篇:uniapp成功跳转如何禁止返回

发表评论

关闭广告
关闭广告