web 相对路径与绝对路径

来源:互联网 发布:压缩算法都有哪些 编辑:程序博客网 时间:2024/05/22 03:22

     在web项目中,在一个web页面中要引用其他的文档,如js文档、样式文档、图片资源等,要想正确引用这些资源,必须了解引用的书写规则,否则

将会造成最终浏览器返回404错误。对于一个web资源可以使用绝对路径和相对路径来表示。

相对路径:相对于包含引用的文件。如html中包含js,则js引用的书写是相对于html页面的路径。举个例子:


要想在dvds.html页面中引用dvds.css,则要这样写:

<link rel="stylesheet" type="text/css" href="../css/dvds.css">
../表示上一级目录,dvds.html的上一级目录显然是html的上级目录。

绝对路径:引用文件的路径是自项目根路径的绝对位置。

对于上图的引用,可以这样写:/meeting/css/dvds.css,其中/meeting是项目的根路径。

原创粉丝点击