首页 > 代码库 > html中的相对路径问题

html中的相对路径问题

比如html中想使用<img>标签来引入一个图片,那图片的引用src属性就涉及到一个路径问题。

相对路径指的是什么呢?指的就是相对于当前资源(当前资源现在指的就是html文件的位置)所在目录的位置。

 

 

1.比如一个文件夹叫hello

    里面的文件一个叫demo.html

          另一个叫2.jpg

则在demo.html中引用2.jpg文件时就可以直接写<img src="http://www.mamicode.com/2.jpg" alt="这是一只大松树">,因为2.jpg现在相对于demo.html(当前资源)所在的目录hello,是直接在文件夹中的,所以正确。

2、当不在一个目录下时,怎么办?比如此时有了另一个文件夹world与hello文件夹并列,2.jpg此时位于world文件夹中,此时该如何引用呢?

答案:      ../可以返回上一级目录,需要返回几级目录就写几个../

此时可以写作<img src="http://www.mamicode.com/world/2.jpg">即可。

html中的相对路径问题