7 锚点应用

  • 7 锚点应用已关闭评论
  • 74 次浏览
  • A+
所属分类:Web前端
摘要

锚点( anchor )是超链接的一种应用,也叫命名锚记,锚点可以像一个定位器一样,可以实现页面内的链接跳转,运用相当普遍。例如,我们有一个网页,由于内容太多,导致页面很长,而且里面的内容,可以分为N个部分。这样的话,我们就可以在网页的顶部设置一些锚点,这样便可以方便浏览者点击相应的锚点,到达本页内相应的位置,而不必在一个很长的网页里自行寻找。又例如,我们页面中,有个链接需要跳转到另一个页面的中间或者脚部去,这时候也可以运用上锚点技术来解决这个问题。


7 锚点应用

锚点( anchor )是超链接的一种应用,也叫命名锚记,锚点可以像一个定位器一样,可以实现页面内的链接跳转,运用相当普遍。例如,我们有一个网页,由于内容太多,导致页面很长,而且里面的内容,可以分为N个部分。这样的话,我们就可以在网页的顶部设置一些锚点,这样便可以方便浏览者点击相应的锚点,到达本页内相应的位置,而不必在一个很长的网页里自行寻找。又例如,我们页面中,有个链接需要跳转到另一个页面的中间或者脚部去,这时候也可以运用上锚点技术来解决这个问题。

<!DOCTYPE html> <html lang="en"> <head>     <meta charset="UTF-8">     <title>锚点应用</title>     <style>         div{             height: 800px;             background-color: gray;         }     </style> </head> <body> <a href="#c1">第一章</a> <a href="#c2">第二章</a> <a href="#c3">第三章</a> <span id="top"></span>  <div id="c1">第一章内容<a href="#top">返回顶部</a></div> <div id="c2">第二章内容<a href="#top">返回顶部</a></div> <div id="c3">第三章内容<a href="#top">返回顶部</a></div> </body> </html>