html5复习02-相对路径和绝对路径以及锚点设置

来源:互联网 发布:淘宝旧货市场 编辑:程序博客网 时间:2024/05/18 00:37
相对与绝对路径
所谓相对路径,就是相对于链接页面而言的另一个页面的路径。而绝对路径,就是直接
从 file:///磁盘符开始的完整路径。我们在同一个目录下做上两个页面,其中一个页面链
接到另一个页面。
1. 绝对路径
<a href="file:///D:/备课/HTML5 第一季/code/index2.html">index2</a>
解释:首先是 file:///开头,然后是磁盘符,然后是一个个的目录层次,找到相应文
件。这种方式最致命的问题是,当整个目录转移到另外的盘符或其他电脑时,目录结构一旦
出现任何变化,链接当即失效。
2. 相对路径
<a href="index2.html">index2</a>
解释:相对路径的条件是必须文件都在一个磁盘或目录下,如果是在同一个目录下,直
接属性值就是被链接的文件名.后缀名。如果在同一个主目录下,有多个子目录层次,那就
需要使用目录结构语法。
3. 目录语法
同一个目录:index2.html 或./index2.html;
在子目录:???/index2.html;
在孙子目录:???/???/index2.html;
在父目录:../index2.html;
在爷爷目录:../../index2.html;
 锚点设置
超链接也可用来将同一个文档中的另一个元素移入视野。通过属性 id 或 name 实现锚
点定位。一点击就跳到相应的位置上
//链接
<a href="#1">第一章</a> <a href="#2">第二章</a> <a href="#3">第三章</a>
//锚点
<a name="1"></a> <a id="3"></a>
0 0
原创粉丝点击