详解HTML的相对路径写法,详解URL相对路径的写法

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

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

D:\例子\html\images\

D:\例子\html\style\

D:\例子\html\example.html

D:\例子\html\tupian.gif

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

在example.html中引用tupian.gif

相对路径：

绝对路径：

绝对路径没啥可说的，都差不多，下面只说相对路径。

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应该这样写：

3 要引用的文件在上一级文件夹下，文件名前加../

假设info.html路径是：c:\Inetpub\wwwroot\sites\blabla\info.html

假设index.html路径是：c:\Inetpub\wwwroot\sites\index.html

在info.html加入index.html超链接的代码应该这样写：

index.html

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

4 更复杂的情况：

假设info.html路径是：c:\Inetpub\wwwroot\sites\blabla\info.html

假设index.html路径是：c:\Inetpub\wwwroot\sites\html\index.html

在info.html加入index.html超链接的代码应该这样写：index.html

5.最后一个例子

假设路径：D:\例子\html\style\view\pop.css

D:\例子\html\images\view\tupian.gif

在css中引用这个图片：

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

详解HTML的相对路径写法,详解URL相对路径的写法相关推荐

java url 图片路径_问个URL图片路径问题
该楼层疑似违规已被系统折叠隐藏此楼查看此楼 final JMenuItem cutItem = new JMenuItem(); cutItem.setIcon(icon); cutItem.set ...
java 配置文件的路径_详解java配置文件的路径问题
详解java配置文件的路径问题详解java配置文件的路径问题各种语言都有自己所支持的配置文件,配置文件中有很多变量是经常改变的.不将程序中的各种变量写死,这样能更方便地脱离程序本身去修改相关变量设 ...
jupyter notebook python3路径_详解修改Anaconda中的Jupyter Notebook默认工作路径的三种方式...
方式1. 打开Windows的cmd,在cmd中输入jupyter notebook --generate-config如下图: 可以看到路径为D:\Users--找到此路径修改jupyter_not ...
java 配置文件配置路径_详解java配置文件的路径问题
详解java配置文件的路径问题各种语言都有自己所支持的配置文件,配置文件中有很多变量是经常改变的.不将程序中的各种变量写死,这样能更方便地脱离程序本身去修改相关变量设置. 那么我们需要读取配置文件, ...
修改conda缓存路径：详解如何将Anaconda缓存位置更改
修改conda缓存路径:详解如何将Anaconda缓存位置更改在使用Anaconda进行Python开发时,我们经常需要使用conda来管理第三方库和环境.但是,使用默认缓存路径时,conda会将下 ...
c语言休止符用法,休止符写法详解
在音乐中,用来记录不同长短音的间断的符号叫休止符. 常用的休止符有以下几种: 休止符在五线谱与简谱中的记法.时值对照如下: 不常见的有二全休止符,在五线谱中用" "来表示,它 ...
文字按照路径排版详解
有了路径工具以后,文字排版就显得更加灵活.我们可以把文字做成任何想要的图案.如教程中的,我们可以把文字放入闭合的路径里面做成实体图形,也可以按照一条条曲线路径排版做成可爱的文字曲线.难度较大一点的就是 ...
oracle mpio技术,Windows自带多路径MPIO详解
windows的MPIO 1.在双活系统中,常常为客户端配置多路径,来保证业务可持续,那今天我们来聊聊windows自带的MPIO 2.首先先教大家如何安装windows自带的MPIO (1)实验环境 ...
Linux下mpio 多路径,【Windows】自带mpio（多路径）详解
**windows的MPIO** **1.在双活系统中,常常为客户端配置多路径,来保证业务可持续,那今天我们来聊聊windows自带的MPIO** **2.首先先教大家如何安装windows自带的MP ...

详解HTML的相对路径写法,详解URL相对路径的写法

详解HTML的相对路径写法,详解URL相对路径的写法相关推荐

最新文章

热门文章