zoukankan      html  css  js  c++  java
  • 锚点

    前述:

    锚点(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;

  • 相关阅读:
    【poj2761】 Feed the dogs
    【bzoj1086】 scoi2005—王室联邦
    学堂在线
    【bzoj3757】 苹果树
    【uoj58】 WC2013—糖果公园
    博弈论学习笔记
    【poj2960】 S-Nim
    【poj2234】 Matches Game
    【poj1740】 A New Stone Game
    【bzoj1853】 Scoi2010—幸运数字
  • 原文地址:https://www.cnblogs.com/yang0901/p/6759148.html
Copyright © 2011-2022 走看看