web开发中../、./、/的区别

最近在业余时间慢慢玩起了网站开发，觉得挺有意思的。在开发过程中，老是分不清 ../、./、/三者之间的区别，也老是弄混，最后仔细搜索研究了一下，现在终于懂了。

../：上一级目录的意思。

./ ：当前目录的意思。

/：网站根目录的意思。

 

例子1

　　

　　如上图所示，我有一个项目叫WebTest,而此时看到的文件夹Image(里面有1张图片)、Test1都是在网站根目录下。而在Test1文件夹下有个Index.html页面，在index页面中有一个img元素，

　　可以通过如下方式为img 元素的src属性设置图片路径。

　　a)<img src="../Image/1.jpg" /> 第一种的意思是通过../找到上一级目录，然后找到Image文件夹下的1.jpg图片。

　　b)<img src="/Image/1.jpg" /> 第二种方式是通过/找到根目录下的Images文件夹下的1.jpg图片。

　　c)<img src=".././Image/1.jpg" />第三种方法是通过../先找到上一级目录，然后通过./找到当前同级目录下的Images文件夹下的1.jpg图片。