html中绝对路径和相对路径，两者的区别在哪里-创新互联

这篇文章将为大家详细讲解有关html中绝对路径和相对路径，两者的区别在哪里，小编觉得挺实用的，因此分享给大家做个参考，希望大家阅读完这篇文章后可以有所收获。

创新互联公司长期为1000多家客户提供的网站建设服务，团队从业经验10年，关注不同地域、不同群体，并针对不同对象提供差异化的产品和服务；打造开放共赢平台，与合作伙伴共同营造健康的互联网生态环境。为汤旺企业提供专业的成都做网站、成都网站设计，汤旺网站改版等技术服务。拥有十年丰富建站经验和众多成功案例,为您定制开发。

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

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/" -- 代表根目录,绝对路径。

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

三、通俗讲解路径

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

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

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文件、引入添加图片的时候 就会用到相对路径与绝对路径

关于html中绝对路径和相对路径，两者的区别在哪里就分享到这里了，希望以上内容可以对大家有一定的帮助，可以学到更多知识。如果觉得文章不错，可以把它分享出去让更多的人看到。

另外有需要云服务器可以了解下创新互联scvps.cn，海内外云服务器15元起步，三天无理由+7*72小时售后在线，公司持有idc许可证，提供“云服务器、裸金属服务器、高防服务器、香港服务器、美国服务器、虚拟主机、免备案服务器”等云主机租用服务以及企业上云的综合解决方案，具有“安全稳定、简单易用、服务可用性高、性价比高”等特点与优势，专为企业上云打造定制，能够满足用户丰富、多元化的应用场景需求。

文章名称：html中绝对路径和相对路径，两者的区别在哪里-创新互联
文章起源：https://www.cdcxhl.com/article16/cedhdg.html

成都网站建设公司_创新互联，为您提供虚拟主机、网页设计公司、App开发、品牌网站制作、网站排名、外贸网站建设

广告

声明：本网站发布的内容（图片、视频和文字）以用户投稿、用户转载内容为主，如果涉及侵权请尽快告知，我们将会在第一时间删除。文章观点不代表本网站立场，如需处理请联系客服。电话：028-86922220；邮箱：631063699@qq.com。内容未经允许不得转载，或转载时需注明来源： 创新互联