5.html5中的路径表示

Posted 2020-07-09 scolia

　　路径在html中的作用主要是进行外部资源的引入，如css文件，js文件，媒体文件等。

　　而路径本身有分为相对路径和绝对路径。所谓相对路径，就是相对于链接页面而言的另一个页面的路径。而绝对路径，就是直接从 file:///磁盘符开始的完整路径。（注意，盘符主要是针对windows）。

---

1.绝对路径

<a href="file:///D:/HTML5/code/index2.html">index2</a>

解释：首先是 file:///开头，然后是磁盘符，然后是一个个的目录层次，找到相应文 件。这种方式最致命的问题是，当整个目录转移到另外的盘符或其他电脑时，目录结构一旦 出现任何变化，链接当即失效。

---

2.相对路径

<a href="index2.html">index2</a>

解释：相对路径的条件是必须文件都在一个磁盘或目录下，如果是在同一个目录下，直 接属性值就是被链接的文件名.后缀名。如果在同一个主目录下，有多个子目录层次，那就 需要使用目录结构语法.

---

3.目录语法

同一个目录：index2.html 或./index2.html；

在子目录：xxx/index2.html；

在孙子目录：xxx/xxx/index2.html；

在父目录：../index2.html；

在爷爷目录：../../index2.html；

---

最后，一个要注意的地方是：不管你有没有发现，其实windows和linux系统的路径分隔符是不一样的，windows为 \ ,而linux为 / 。但不管最终运行在什么平台，路径的表示都要使用linux的习惯，也就是 / 。