脚本宝典收集整理的这篇文章主要介绍了锚点链接怎么做,脚本宝典觉得挺不错的,现在分享给大家,也给大家做个参考。网页内容过多时我们可以使用锚点链接来进行位置的跳转,通过锚点链接我们不但可以指向文档,还能指向页面里的特定段落,这样就会便于我们来浏览网页中的内容,那么,锚点链接怎么实现呢?本篇文章就来给大家介绍锚点链接的实现方法。
方法一:使用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!”。
以上就是锚点链接怎么做的详细内容,更多请关注脚本宝典其它相关文章!
以上是脚本宝典为你收集整理的锚点链接怎么做全部内容,希望文章能够帮你解决锚点链接怎么做所遇到的问题。
本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。