你的位置:首页 > 网页设计

[网页设计]5.html5中的路径表示


  路径在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的习惯,也就是 / 。