HTML网页制作：制作锚点链接

比眉伴天荒 2023-01-10 11:58 283阅读 0赞

1、锚点链接定义：

指我点击页面中的某一个链接(锚点链接)，就会跳到这个页面的指定位置(锚点)。

2、锚点链接的步骤：

(1)、设置锚点：

意思是在网页中的某一个位置，插入一个锚点。

(2)、设置锚点链接：点我就会跳到锚点处

意思是在网页中的某一个位置链接之前设定的锚点，只要点击该链接，就会自动跳转到锚点处。

(3)、此时，点击锚点链接就会跳到锚点的位置。

3、举例：

多个网站中的 回到顶部 按钮 就是用锚点做的。

  1. <p name="top" id="top">这里是顶部</p>
  2. <br/>
  3. <br/>
  4. <br/>
  5. <br/>
  6. <br/>
  7. <br/>
  8. <br/>
  9. <br/>
  10. <br/>
  11. <br/>
  12. <br/>
  13. <br/>
  14. <br/>
  15. <br/>
  16. <br/>
  17. <br/>
  18. <br/>
  19. <br/>
  20. <a href="#top">回到顶部</a>

通常锚点定义只需要写name这个属性，不过在xhtml中更正式是需要写上id。

参考链接：

https://jingyan.baidu.com/article/a3f121e4e51d38fc9052bb86.html

https://zhidao.baidu.com/question/679356986603917492.html

发表评论

表情：
评论列表 （有 0 条评论，283人围观）

还没有评论，来说两句吧...

相关阅读

    相关 Vue锚点链接

    锚点链接是我们在开发中经常会用到的一个技术点，常见的常见有，页面内容过多，而我们不希望拿鼠标一直来回滚动，就需要用到锚点链接，以 " 目录 " 的方式来进行对应的跳转。 而在

    心已赠人心已赠人/ 0 赞/ 535 阅读