一、绝对路径和相对路径是什么?

 

　　DIVCSS5为大家介绍html常常说到相对路径和绝对路径基本知识、作用、用法等知识。

 

　　相对路径：以引用文件之网页所在位置为参考基础，而建立出的目录路径。因此，当保存于不同目录的网页引用同一个文件时，所使用的路径将不相同，故称之为相对。

 

　　绝对路径：以Web站点根目录为参考基础的目录路径。之所以称为绝对，意指当所有网页引用同一个文件时，所使用的路径都是一样的。

 

　　其实绝对路径与相对路径的不同处，只在于描述目录路径时，所采用的参考点不同。由于对网站上所有文件而言，根目录这个参考点对所有文件都是一样的，因此，运用以根目录为参考点的路径描述方式才会被称之为绝对路径。

 

　　二、路径特殊符号

 

　　以下为建立路径所使用的几个特殊符号，及其所代表的意义。

 

　　"."--代表目前所在的目录，相对路径。如：<ahref="./abc">文本</a>或<imgsrc="./abc"/>

 

　　".."--代表上一层目录，相对路径。如：<ahref="../abc">文本</a>或<imgsrc="../abc"/>

 

　　"../../"--代表的是上一层目录的上一层目录，相对路径。如：<imgsrc="../../abc"/>

 

　　"/"--代表根目录,绝对路径。如：<ahref="/abc">文本</a>或<imgsrc="/abc"/>

 

　　"D:/abc/"--代表根目录,绝对路径。

 

　　在使用相对路径时，我们用符号“.”来表示当前目录，用符号“..”来表示当前目录的父目录。

 

　　三、通俗讲解路径

 

　　绝对路径顾名思义，填写绝对目录路径地址那就叫绝对路径，通常我们直接使用"/"代表从根目录开始的目录路径，这个叫绝对路径。

 

　　相对路径顾名思义，填写目录时候以填写目录文件为参考，使用“../”或"./"指向上一级或使用"../../"指向上上一级叫相对路径。

 

　　引用者被引用者相对路径绝对路径

 

　　url1.htmdivcss5.gif../SubDir2/BeRef1.gif/Dir1/SubDir2/BeRef1.gif

 

　　url2.htmdivcss5.gif../../Dir1/SubDir2/BeRef1.gif/Dir1/SubDir2/BeRef1.gif

 

　　url3.htmabc1.htm../../Dir2/abc1.htm/Dir2/abc1.htm

 

　　url4.htmabc2.htm../abc2.htm/Dir2/abc2.htm

 

　　说明：

 

　　我们使用“/”、“../”、“../../”分别样式和介绍图片路径和网址路径之间相对于绝对路径关系。

 

　　四、绝对路径和相对路径的作用是什么？

 

　　相对路径和绝对路径都可相互转换，转换时候注意正确路径即可，作用在于有效链接路径。

 

　　相对路径与绝对路径与CSS关系？

 

　　1、我们在CSS中引入图片地址的时候就可能用到相对路径与绝对路径

 

　　2、我们在DIV+CSS的html中在HTML引入CSS文件、引入添加图片的时候就会用到相对路径与绝对路径