锚点-CSDN博客

前述：

锚点（anchor）：　　

　是网页制作中超级链接的一种，又叫命名锚记。命名锚记像一个迅速定位器一样是一种页面内的超级链接，运用相当普遍。

适用于较长的单页面，添加锚点就是为了在同一个页面方便快捷地找到相应位置；

　　　创建到命名锚记的链接的过程分为两步。首先，创建命名锚记，然后创建到该命名锚记的链接；

代码展示：

<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title></title>
        <style>
            *{margin:0px;padding:0px;}
            li{list-style:none;display: inline-block;}
        </style>
    </head>
    <body>
        <ul>
            <li><a href="#F1">1楼</a></li>
            <li><a href="#F2">2楼</a></li>
            <li><a href="#F3">3楼</a></li>
            <li><a href="#F4">4楼</a></li>
            <li><a href="#F5">5楼</a></li>
            <li><a href="#F6">6楼</a></li>
        </ul>
        <a name="F1">
            <h1>1楼</h1>
            
            111111111111111111111111<br />
            111111111111111111111111<br />
        </a>
        <a name="F2">
            <h1>2楼</h1>
            
            111111111111111111111111<br />
            111111111111111111111111<br />
        </a>
        <a name="F3">
            <h1>3楼</h1>
            
            111111111111111111111111<br />
            111111111111111111111111<br />
        </a>
        <a name="F4">
            <h1>4楼</h1>
            
            111111111111111111111111<br />
            111111111111111111111111<br />
        </a>
        <a name="F5">
            <h1>5楼</h1>
            
            111111111111111111111111<br />
            111111111111111111111111<br />
        </a>
        <a name="F6">
            <h1>6楼</h1>
            
            111111111111111111111111<br />
            111111111111111111111111<br />
        </a>
    </body>
</html>