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;

  • 相关阅读:
    XSD限定/Facets
    XSD元素替换(Element Substitution)
    XSD指示器
    乔布斯29年前的预言
    三年程序员生涯的感悟、总结和憧憬
    用Jetty快速开发J2EE应用
    Cygwin安装
    Maven依赖继承的写法
    Struts2自定义日期转换器
    Struts2三种数据转移方式
  • 原文地址:https://www.cnblogs.com/yang0901/p/6759148.html
Copyright © 2011-2022 走看看