首页 » InfoTech »

详解URL相对路径的写法

2018年5月9日 / 35次阅读

打开支付宝首页,搜索“529018372”,即可领取红包!可重复领。

虽然现在搭网站都会用各种框架,路径方面使用相对路径可能已经比较少了,不过还是总结一下吧。

 

假设D盘这个路径下有一些文件:

D:\例子\html\images\
D:\例子\html\style\
D:\例子\html\example.html
D:\例子\html\tupian.gif

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应该这样写:
<a 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"/>

以上关于url相对路径的文字来自https://blog.csdn.net/lanzhiqi/article/details/49979629,略有整理。

本文链接:http://www.maixj.net/ict/url-xiangdui-lujin-17897
云上小悟 麦新杰(QQ:1093023102)

相关文章

评论是美德

无力满足评论实名制,评论对非实名注册用户关闭,有事QQ:1093023102.


前一篇:
后一篇:

栏目精选

云上小悟,麦新杰的独立博客

栏目

支付宝红包.每天领一次.

支付宝扫码领红包

©Copyright 麦新杰 Since 2014 云上小悟独立博客版权所有 备案号:苏ICP备14045477号-1。云上小悟网站部分内容来源于网络,转载目的是为了整合信息,收藏学习,服务大家,有些转载内容也难以判断是否有侵权问题,如果侵犯了您的权益,请及时联系站长,我会立即删除。

网站二维码
go to top