• 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>

  • 相关阅读:
    遇见Javascript类型数组
    编译Android常用命令
    V4L2驱动视频开发要点
    Windows Phone开发(27):隔离存储A
    Ubuntu10.04下Android开发环境搭建
    V4L2开发要点
    使用 php Header 报错的一个原因
    Windows Phone开发(28):隔离存储B
    用HTML5 Audio API开发游戏音乐
    php备份数据库类分享
  • 原文地址:https://www.cnblogs.com/yangqian666/p/15508675.html
Copyright © 2020-2023  润新知