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) 编辑 收藏 举报