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

相对与绝对路径

所谓相对路径，就是相对于链接页面而言的另一个页面的路径。而绝对路径，就是直接

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