码迷,mamicode.com
首页 > Web开发 > 详细

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

时间:2018-08-15 01:17:56      阅读:184      评论:0      收藏:0      [点我收藏+]

标签:研究   test   分享图片   png   http   的区别   ges   通过   index   

原文: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图片。



 

 

 

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

标签:研究   test   分享图片   png   http   的区别   ges   通过   index   

原文地址:https://www.cnblogs.com/lonelyxmas/p/9479048.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!