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>
内容来源于网络如有侵权请私信删除

文章来源: 博客园

原文链接: https://www.cnblogs.com/zczhaod/p/17638288.html

标签： HTML CSS HTML5 CSS3
你还没有登录，请先登录或注册！
  • 还没有人评论，欢迎说说您的想法！

相关课程

云知梦-HTML5网页标签
4904 0元 限免
Web前端页面制作快速入门
5748 9.8元