首页 > 软件开发 > HTML >

html怎么定位到网页的某个位置

来源:互联网 2023-03-16 19:10:58 59

我们在很多产品的宣传网站上经常可以看到侧边会有一个总体的导航栏,当我们点击某个按钮的时候,页面会自动定位到相应的模块,这个功能非常适合网站页面特别长的时候,那么我们怎么实现这个功能呢?9L5办公区 - 实用经验教程分享!

7支付宝怎么设置指纹解锁9L5办公区 - 实用经验教程分享!

2JAVA怎么读取properties文件9L5办公区 - 实用经验教程分享!

html怎么定位到网页的某个位置9L5办公区 - 实用经验教程分享!

方法/步骤

  • 1

    如图,上方有三个菜单:“人物简介”、“事迹介绍”、“其他说明”,然后下面就是具体的各个菜单的内容展示,我们需要点击上面菜单的时候,页面自动定位到对应的内容9L5办公区 - 实用经验教程分享!

    html怎么定位到网页的某个位置9L5办公区 - 实用经验教程分享!

  • 1相关内容未经授权抓取自百度经验
  • 2

    如图,我们先写好3个菜单,使用a标签9L5办公区 - 实用经验教程分享!

    html怎么定位到网页的某个位置9L5办公区 - 实用经验教程分享!

  • 3

    然后在下面写出各个菜单的内容9L5办公区 - 实用经验教程分享!

    html怎么定位到网页的某个位置9L5办公区 - 实用经验教程分享!

  • 4

    重点来了,给每个内容标题的a标签中加上name属性(给其他标签加name属性,上面的菜单是定位不到的)9L5办公区 - 实用经验教程分享!

    html怎么定位到网页的某个位置9L5办公区 - 实用经验教程分享!

  • 5

    然后给上面的菜单中的各个a标签加上链接:以“#”开头再加上对应的name属性9L5办公区 - 实用经验教程分享!

    html怎么定位到网页的某个位置9L5办公区 - 实用经验教程分享!

  • 6

    不同的页面之间也是可以定位的,只要在“#”前面加上具体的页面,然后就会自动定位到这个页面的具体位置9L5办公区 - 实用经验教程分享!

    html怎么定位到网页的某个位置9L5办公区 - 实用经验教程分享!

  • 注意事项

    • 本经验由爬楼高手发布,如果帮到了您,帮这篇经验点赞投票哦,谢谢大家

    以上方法由办公区教程网编辑摘抄自百度经验可供大家参考!9L5办公区 - 实用经验教程分享!


    标签: HTML

    办公区 Copyright © 2016-2023 www.bgqu.net. Some Rights Reserved. 备案号:湘ICP备2020019561号统计代码