HTML5技术

5.html5中的路径表示 - scolia

字号+ 作者:H5之家 来源:博客园 2016-05-22 17:00 我要评论( )

路径在html中的作用主要是进行外部资源的引入,如css文件,js文件,媒体文件等。 而路径本身有分为相对路径和绝对路径。所谓相对路径,就是相对于链接页面而言的另一个页面的路径。而绝对路径,就是直接从 file:///磁盘符开始的完整路径。(注意,盘符主要是

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

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

1.绝对路径

index2

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

2.相对路径

index2

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

3.目录语法

同一个目录:index2.html 或./index2.html;

在子目录:xxx/index2.html;

在孙子目录:xxx/xxx/index2.html;

在父目录:../index2.html;

在爷爷目录:../../index2.html;

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

 

 

1.本站遵循行业规范,任何转载的稿件都会明确标注作者和来源;2.本站的原创文章,请转载时务必注明文章作者和来源,不尊重原创的行为我们将追究责任;3.作者投稿可能会经我们编辑修改或补充。

相关文章
  • HTML5中的新事件 - zxyGo

    HTML5中的新事件 - zxyGo

    2017-03-10 14:00

  • canvas中的非零环绕原则 - 一混五六年

    canvas中的非零环绕原则 - 一混五六年

    2017-02-22 10:00

  • .NET 十五岁,谈谈我眼中的.NET - 张善友

    .NET 十五岁,谈谈我眼中的.NET - 张善友

    2017-02-16 15:00

  • 北漂的程序猿何去何从 - 梦中的梦中

    北漂的程序猿何去何从 - 梦中的梦中

    2017-02-14 16:00

网友点评