锚点链接怎么做
导读:收集整理的这篇文章主要介绍了锚点链接怎么做,觉得挺不错的,现在分享给大家,也给大家做个参考。网页内容过多时我们可以使用锚点链接来进行位置的跳转,通过锚点链接我们不但可以指向文档,还能指向页面里的特定段落,这样就会便于我们来浏览网页中的内容,...
收集整理的这篇文章主要介绍了锚点链接怎么做,觉得挺不错的,现在分享给大家,也给大家做个参考。网页内容过多时我们可以使用锚点链接来进行位置的跳转,通过锚点链接我们不但可以指向文档,还能指向页面里的特定段落,这样就会便于我们来浏览网页中的内容,那么,锚点链接怎么实现呢?本篇文章就来给大家介绍锚点链接的实现方法。方法一:使用id来进行锚点定位
我们来看具体的示例
代码如下
!DOCTYPE htML> html> head> meta charset="utf-8"> tITle> /title> /head> body> a href="#string"> 跳转/a> hr/> br> br> br> br> br> br> br> br> br> br> br> br> br> br> br> br> br> br> br> br> br> a id="string"> hello,I'm here!/a> /body> /html>
运行效果如下
当点击“跳转”时会跳转到“hello,I'm here!”,效果如下
会跳转到当前页面的“hello,I'm here!”。
方法二:使用name属性来实现锚点链接
来看具体的示例
代码如下
!DOCTYPE html> html> head> meta charset="utf-8"> title> /title> /head> body> a href="#string"> 跳转/a> hr/> br> br> br> br> br> br> br> br> br> br> br> br> br> br> br> br> br> br> br> br> br> a name="string"> hello,I'm here!/a> /body> /html>
也是当鼠标点击“跳转”时,会跳转到当前页面的“hello,I'm here!”。
以上就是锚点链接怎么做的详细内容,更多请关注其它相关文章!
声明:本文内容由网友自发贡献,本站不承担相应法律责任。对本内容有异议或投诉,请联系2913721942#qq.com核实处理,我们将尽快回复您,谢谢合作!
若转载请注明出处: 锚点链接怎么做
本文地址: https://pptw.com/jishu/590399.html