相对路径和绝对路径的区别
的有关信息介绍如下:在做网页时,为了网页内容的丰富多彩、美观及效果,需要插入图片、音乐、视频等多文件,而这些文件有的是分布在本地电脑的某个分区内,有的是分布在互联网中的某个网站中,这就涉及到文件的相对路径与绝对路径的概念。
先讲一下相对路径:顾名思义,就是文件与文件之间的相对位置。相对位置有以下几个情境(以需要链接的图片和HTML文件之间相对位置举例):
一,图片和文件都在同一个目录下,例如图片和HTML文件都在web目录下,在HTML页面中链接一个图片,可以直接写图片名称:
写完后保存网页,然后在浏览器中打开,效果图如下所示:
二,要链接的图片在文件夹images里面,HTML文件和images同一个文件夹中,这个时候可以这样写:。
保存网页后,在浏览器中打开的效果见下图:
如果需要链接的图片在images里面的meishi文件夹中,这样写:,继续往下加文件夹目录名称。
三,图片和HTML文件分别在两个不同的文件夹,这两个文件夹又在同一个目录中。例如图片在tu文件夹中,html文件在page文件夹中,而tu和page都在web文件夹目录里面,这时链接图片这样写:,其中../表示上一级目录
当“三”中的html文件在page里面中的index文件夹中,图片的位置不变的情况下,这样写:,每一个../就表示跳出当前的文件夹到达它的上一级,两个../就表示跳出两个文件夹,到达web文件夹下,如果再通过/tu来到tu这个文件夹下
另一种是绝对路径:通俗的讲,完整的描述文件位置的路径就是网站路径。例如“C:\test\mshi03.jpg”或者“https://www.baidu.com/img/bd_logo1.png”
下面演示使用绝对路径来链接图片例如链接百度首页的logo图片,这样写: