绝对路径和相对路径

绝对路径和相对路径的区别:

在web开发中经常用到文件目录的问题,现在将一些常用的文件目录表示方法总结如下:

  假设在 D:\例子\html下有这么几个文件和文件夹 

   
 

  1.若引用的资源和本身在同一路径下(既在同一目录下) 
      
     在example.html中引用tupian.gif 

     相对路径:<img src="tupian.gif" border="0"/> 
     绝对路径:<img src="d:/例子/html/tupian.gif" border="0"/> 

绝对的都差不多,只说相对路径。 

2 要引用的文件在下一级文件夹下,文件名前加子文件夹名称 
   假设info.html路径是:c:\Inetpub\wwwroot\sites\blabla\info.html 
   假设index.html路径是:c:\Inetpub\wwwroot\sites\blabla\html\tutorials\index.html 
   在info.html加入index.html超链接的href应该这样写:html/tutorials/index.html 

3 要引用的文件在上一级文件夹下,文件名前加../ 
    假设info.html路径是:c:\Inetpub\wwwroot\sites\blabla\info.html 
    假设index.html路径是:c:\Inetpub\wwwroot\sites\index.html 
   在info.html加入index.html超链接的代码应该这样写: 
    <a href="../index.html">index.html</a> 

举一反三:  ../表示源文件所在目录的上一级目录,../../表示源文件所在目录的上上级目录,以此类推 

4 更复杂的情况: 
假设info.html路径是:c:\Inetpub\wwwroot\sites\blabla\info.html 
假设index.html路径是:c:\Inetpub\wwwroot\sites\html\index.html 
在info.html加入index.html超链接的代码应该这样写:<a href="../html/index.html">index.html</a> 

5.最后一个例子 
    假设路径:D:\例子\html\style\view\pop.css 
              D:\例子\html\images\view\tupian.gif  
在css中引用这个图片:<img src="../../images/view/tupian.gif" border="0"/> 
全部评论

相关推荐

程序员牛肉:主要是因为小厂的资金本来就很吃紧,所以更喜欢有实习经历的同学。来了就能上手。 而大厂因为钱多,实习生一天三四百的就不算事。所以愿意培养你,在面试的时候也就不在乎你有没有实习(除非是同级别大厂的实习。) 按照你的简历来看,同质化太严重了。项目也很烂大街。 要么换项目,要么考研。 你现在选择工作的话,前景不是很好了。
点赞 评论 收藏
分享
不愿透露姓名的神秘牛友
昨天 11:35
程序员小白条:话太多,没实力和学历,差不多回答回答就行了,身份地位不一样
点赞 评论 收藏
分享
评论
点赞
收藏
分享

创作者周榜

更多
牛客网
牛客网在线编程
牛客网题解
牛客企业服务