锚点链接如何实现

  介绍

小编给大家分享一下锚点链接如何实现,相信大部分人都还不怎么了解,因此分享这篇文章给大家参考一下,希望大家阅读完这篇文章后大有收获、下面让我们一起去了解一下吧!

网页内容过多时我们可以使用锚点链接来进行位置的跳转,通过锚点链接我们不但可以指向文档,还能指向页面里的特定段落,这样就会便于我们来浏览网页中的内容,那么,锚点链接怎么实现呢?

<强>方法一:使用id来进行锚点定位

我们来看具体的示例

代码如下

& lt; !DOCTYPE html>   & lt; html>   & lt; head>   & lt;元charset=皍tf-8"祝辞   & lt; title> & lt;/title>   & lt;/head>   & lt; body>   https://www.yisu.com/zixun/& lt; a href=" #字符串“>跳转   <人力资源/>   




  






  

  

  

  
  
  
  <一个id="字符串">你好,我在这里!   身体   

运行效果如下

锚点链接如何实现

当点击“跳”转时会跳转到“你好,我# 39;m这里!”,效果如下

锚点链接如何实现

会跳转到当前页面的“你好,我# 39;m这里!”。

<强>方法二:使用名字属性来实现锚点链接

来看具体的示例

代码如下

& lt; !DOCTYPE html>   & lt; html>   & lt; head>   & lt;元charset=皍tf-8"祝辞   & lt; title> & lt;/title>   & lt;/head>   & lt; body>   https://www.yisu.com/zixun/& lt; a href=" #字符串“>跳转   <人力资源/>   




  






  

  

  

  
  
  
  <一个名称="字符串">你好,我在这里!   身体   

也是当鼠标点击“跳转”时,会跳转到当前页面的“你好,我# 39;m这里!”。

以上是锚点链接如何实现的所有内容,感谢各位的阅读!相信大家都有了一定的了解,希望分享的内容对大家有所帮助,如果还想学习更多知识,欢迎关注行业资讯频道!

锚点链接如何实现