<html lang="en">
    <head>
       
    
     <meta charset="UTF-8">
    <title>锚点链接</title>
    
    </head>
    <body>
        <p id="content"></p>
        <p>这是页面内容</p>
        <p>这是页面内容</p>
        <p>这是页面内容</p>
        <p>这是页面内容</p>
        <p>这是页面内容</p>
        <p>这是页面内容</p>
        <p>这是页面内容</p>
        <p>这是页面内容</p>
        <p>这是页面内容</p>
        <p>这是页面内容</p>
        <p>这是页面内容</p>
        <p>这是页面内容</p>
        <p>这是页面内容</p>
        <p>这是页面内容</p>
        <p>这是页面内容</p>
        <p>这是页面内容</p>
        <p>这是页面内容</p>
        <p>这是页面内容</p>
        <a href="#content">回到顶部</a>
    
    </body>
    </html>

在上述代码中，使用了两步来完成锚点的具体操作：
在要跳转到的位置所在的标签中添加了id属性，并为其赋值；
使用 <a> 标签设置锚点，href 属性值为#+id属性值
通过比较地址栏的变化可以发现，当点击锚点链接后，页面回到了#content的位置。这样写虽然也可以实现迅速回到顶部功能，但在实际开发过程中有更加简便的方法。具体代码如下：



        <html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>锚点链接</title>
    </head>
    <body>
        <p>这是页面内容</p>
        <p>这是页面内容</p>
        <p>这是页面内容</p>
        <p>这是页面内容</p>
        <p>这是页面内容</p>
        <p>这是页面内容</p>
        <p>这是页面内容</p>
        <p>这是页面内容</p>
        <p>这是页面内容</p>
        <p>这是页面内容</p>
        <p>这是页面内容</p>
        <p>这是页面内容</p>
        <p>这是页面内容</p>
        <p>这是页面内容</p>
        <p>这是页面内容</p>
        <p>这是页面内容</p>
        <p>这是页面内容</p>
        <p>这是页面内容</p>
        <a href="#top">回到顶部</a>
    </body>
    </html>

通过滚动条可以发现，页面回到了顶部。我们来观察此时的地址栏，地址栏中为#top，其中#表示位置信息，网页的顶端默认是#top，所以如果是跳转到浏览器的顶端，不需要写锚点的第一步操作,，也就是说不需要为标签设置 id 属性。