var
您好,欢迎访问景安网络旗下资讯网!
运营 建站 系统 数据库 编程

首页 > HTML教程  >HTML教程之如何设置锚点链接?

HTML教程之如何设置锚点链接?

来源:景安IDC资讯作者:kk发布时间:2015-07-29点击:5270

​HTML教程之如何设置锚点链接?我们在做一个很长的网页时,可能会需要在页面内做一个导航,点击导航里的链接不是新开一个窗口或者跳转到其他网址,而是跳转到当前页的某一个位置。那么所要跳转到的那个位置,我们就叫做锚点,它是一种在页面内部定位的方式。

HTML教程之如何设置锚点链接?我们在做一个很长的网页时,可能会需要在页面内做一个导航,点击导航里的链接不是新开一个窗口或者跳转到其他网址,而是跳转到当前页的某一个位置。那么所要跳转到的那个位置,我们就叫做锚点,它是一种在页面内部定位的方式。


设置锚点也是很简单的,例如一个文章分了三段,每段有个标题,标题的代码是这样的

<h2>我是标题一h2>

<h2>我是标题二<h2>

<h2>我是标题三<h2>


如果想要在页面内设置锚点,做一个索引,点击相应的索引标题就跳转到相应的段落,那么就只要在标题所在的html标签里面设置一个ID,然后链接过去即可,可以设置ID,然后在索引里面这样设置超链接就可以实现和锚点的连接了。

<a href="#c">点击我就会跳到第一段</a>

<a href="#c">点击我就会跳到第二段</a>

<a href="#c">点击我就会跳到第三段</a>

 


版权声明:本文系技术人员研究整理的智慧结晶,转载勿用于商业用途,并保留本文链接,侵权必究!

本文链接:https://www.zzidc.com:443/info/htmljc/432.html

返回顶部