话题 首页 > CSS教程 > CSS教程话题列表 > 详情

绝对路径和相对路径是什么? 分别有什么作用?

精华
甜甜小欣怡 2016-12-01 16:49:18 浏览(5474) 回复(6) 赞(0)

相对路径与绝对路径与CSS关系?绝对路径和相对路径的作用是什么?

html css

回答(6)

天才异客 精华 2016-12-01

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


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

  • 相对路径:以引用文件之网页所在位置为参考基础,而建立出的目录路径。因此,当保存于不同目录的网页引用同一个文件时,所使用的路径将不相同,故称之为相对。
  • 绝对路径:以Web 站点根目录为参考基础的目录路径。之所以称为绝对,意指当所有网页引用同一个文件时,所使用的路径都是一样的。其实绝对路径与相对路径的不同处,只在于描述目录路径时,所采用的参考点不同。由于对网站上所有文件而言,根目录这个参考点对所有文件都是一样的,因此,运用以根目录为参考点的路径描述方式才会被称之为绝对路径。

二、路径特殊符号


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

"." -- 代表目前所在的目录,相对路径。 如:<a href="./abc">文本</a> 或 <img src="./abc" />
".." -- 代表上一层目录,相对路径。 如:<a href="../abc">文本</a> 或 <img src="../abc" />
"../../" -- 代表的是上一层目录的上一层目录,相对路径。 如:<img src="../../abc" />
"/" -- 代表根目录,绝对路径。 如:<a href="/abc">文本</a> 或 <img src="/abc" />
"D:/abc/" -- 代表根目录,绝对路径。

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

三、通俗讲解路径


绝对路径顾名思义,填写绝对目录路径地址那就叫绝对路径,通常我们直接使用"/ "代表从根目录开始的目录路径,这个叫绝对路径。相对路径顾名思义,填写目录时候以填写目录文件为参考,使用“../ ”或"./ "指向上一级 或 使用"../../ "指向上上一级叫相对路径。

引用者       被引用者                    相对路径                                                    绝对路径
url1.htm     W3Cschool.gif                ../SubDir2/BeRef1.gif                            /Dir1/SubDir2/BeRef1.gif
url2.htm     W3Cschool.gif              ../../Dir1/SubDir2/ BeRef1.gif                  /Dir1/SubDir2/ BeRef1.gif
url3.htm     abc1.htm                ../../Dir2/ abc1.htm                                 /Dir2/abc1.htm
url4.htm     abc2.htm                 ../abc2.htm                                            /Dir2/abc2.htm

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

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


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


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

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

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

Silence广 2018-02-11

相对路径:只有你可以XXX小姐姐

绝对路径:男的都可以XXX小姐姐

1334272531 2016-12-10

../images/img.jpg 绝对路径

images/img.jpg 相对路径

一笔荒芜 2018-05-31

有同样等问题咋解决,只能慢慢等大神啦.留名留名。。

1144100656 2018-05-31

我也不清楚,坐等大神,火钳刘明!!!

1152696398 2018-05-31

留名留名!!!,同样的问题,看看咋结局!!!

要回复,请先登录 或者注册
二维码
建议反馈
二维码