html文件中绝对路径与相对路径的引用

1、..\的做用（上一级目录）
在html中../表示上一级目录，也就是html文件所在目录的上一级目录，
例如：E:\JS学习\jQuery_Code\《锋利的jQuery》实例源码\实例下载\01第一章\第一章例子\1-1.html
而你想引入一个js文件，路径以下：E:\JS学习\jQuery_Code\《锋利的jQuery》实例源码\实例下载\01第一章\scripts、jquery-1.3.1.js
1-1.html文件所在目录为第一章例子，她的上一级目录为01第一章，因此引用相对路径以下..\scripts\jquery-1.3.1.js
若是想引用上两级目录，能够..\..\
2、同级目录的引用
若是引用文件和被引用文件在同一级目录下，那能够直接写，若是上面的在同一级目录下，那能够直接写\jquery-1.3.1.js

 

html引用外部样式表后在样式表文件中定义的样式并不等于在html头文件中定义的样式了，它依然存放在定义的文件中被一块儿下载到客户端，所以外部样式表中的相对路径是相对于改样式表的路径，并非相对于引用该样式表的html 的路径。

 

若是是纯手工编写html或者css、js的话，建议用相对路径，好比：../../css/main.css

 若是是动态文件，好比jsp、php等，最好用网站的绝对路径。好比

{ctx}/resources/main.css，其中ctx是本身定义的变量，它的值等于相似于http://localhost这种地址。

 

相对路径的缺点：例如：../images/zollty.png，这种写法，一旦我改变了引用页面文件的目录，这张图片就没法显示了。若是换成网站的绝对路径{ctx}/images/zollty.png，那么不论我怎么移动引用的页面文件，只要图片的地址不变，都是能够访问的。

绝对路径的缺点：对于静态文件，每每没法自动获取网站的根路径（{ctx}），因此要写绝对路径比较麻烦。