zoukankan      html  css  js  c++  java
  • 410.锚链接和空链接 Walker

    锚链接:

    1.使用的是a双标签,配合id属性来进行设置

    2.首先在需要设置锚点的位置设置一个id属性,然后使用超链接进行关联

    3.举例:当锚链接和目标文档在同一文档中时:

    <a href="#one">第一章</a>                  <a href="#two" >第二章</a>                 <a href="#three" >第三章</a> 

    <p id="one">我是第一章</p>

    <p id="two">我是第二章</p>

    <p id="three">我是第三章</p>

    当锚链接和目标文档在同一目录下时:

    <a href="同一目录下的路径/目标文件/#one">第一章</a>                  <a href="同一目录下的路径/目标文件/#two" >第二章</a>                 <a href="同一目录下的路径/目标文件/#three" >第三章</a> 

    当锚链接和目标文件不在同一目录下时:使用多个../返回多层,直至找到目标文档所在目录

    <a href="../../..../同一目录下的路径/目标文件/#one">第一章</a>                  <a href="../../..../同一目录下的路径/目标文件/#two" >第二章</a>                 <a href="../../..../同一目录下的路径/目标文件/#three" >第三章</a> 

    空链接:

    1.作用是直接返回顶部

    2.书写格式直接在路径中写上一个#号即可:

    <a href="#">返回顶部</a>

  • 相关阅读:
    1015. 德才论
    1014. 福尔摩斯的约会
    1013. 数素数
    1012. 数字分类
    1011. A+B和C
    1010. 一元多项式求导
    1009. 说反话
    1008. 数组元素循环右移问题
    1007. 素数对猜想
    1006. 换个格式输出整数
  • 原文地址:https://www.cnblogs.com/yangqian666/p/15508675.html
Copyright © 2011-2022 走看看