百分百源码网-让建站变得如此简单! 登录 注册 签到领金币!

主页 | 如何升级VIP | TAG标签

当前位置: 主页>网站教程>html5教程> 什么是绝对途径,什么是相对途径,两者的区别在哪里?
分享文章到:

什么是绝对途径,什么是相对途径,两者的区别在哪里?

发布时间:09/01 来源:未知 浏览: 关键词:
比来本人在开发一个项目时候,想援用bootstrap文件,不断出错,于是想研讨了下相对途径和绝对途径的关系,看看他们有什么不一样。

一、绝对途径和相对途径是啥?

DIVCSS5为大家介绍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/" -- 代表根名目,绝对途径。

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

三、通俗讲解途径

绝对途径望文生义,填写绝对名目途径地址那就叫绝对途径,平常我们直接使用"/"代表从根名目开端的名目途径,这个叫绝对途径。
相对途径望文生义,填写名目时候以填写名目文件为参照 ,使用“../”或"./"指向上1级 或 使用"../../"指向上上1级叫相对途径。

援用者 被援用者 相对途径 绝对途径

url1.htm divcss5.gif ../SubDir2/BeRef1.gif /Dir1/SubDir2/BeRef1.gif

url2.htm divcss5.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文件、引入增加图片的时候 就会用到相对途径与绝对途径

以上就是啥是绝对途径,什么是相对途径,两者的不同在哪里?的具体内容,更多请关注百分百源码网其它相关文章!

打赏

打赏

取消

感谢您的支持,我会继续努力的!

扫码支持
扫码打赏,你说多少就多少

打开支付宝扫一扫,即可进行扫码打赏哦

百分百源码网 建议打赏1~10元,土豪随意,感谢您的阅读!

共有150人阅读,期待你的评论!发表评论
昵称: 网址: 验证码: 点击我更换图片
最新评论

本文标签

广告赞助

能出一分力是一分吧!

订阅获得更多模板

本文标签

广告赞助

订阅获得更多模板