4-10.锚链接和空链接

锚链接:

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>

posted on 2021-11-04 16:11  Walker-Yang  阅读(88)  评论(0编辑  收藏  举报

导航