锚点

前述：

锚点（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>

 

知识点总结：

     1.创建命名锚记，通过href="#F1";

　　2.创建到该命名锚记的链接,name="F1";

     3.锚点的对象一定是超链接a;

 

posted @ 2017-04-24 21:16  杨新权  阅读(469)  评论(0)  编辑  收藏  举报