首页技术文章正文

什么是绝对路径？什么是相对路径？

更新时间:2022年12月12日17时28分来源:传智教育浏览次数:

在计算机查找网页文档时，计算机需要明确该网页文档所在位置。我们把网页文档所在的位置称为路径。网页中的路径分为绝对路径和相对路径两种，具体介绍如下：

(1)绝对路径

绝对路径就是网页上的文档或目录在盘符(即C盘、D盘等)中的真正路径，例如“D：\案例源码\chapter02limagesbannerl.jpg”就是一个盘符中的绝对路径。再如完整的网络地址

"http://www.zcool.com.cn/images/logo.gif"。

(2)相对路径

相对路径就是相对于当前文档的路径。相对路径没有盘符，通常是以HTML网页文档为起点，通过层级关系描述目标图像的位置。相对路径的设置分为以下三种。

·图像和HTML.文档位于同一文件夹：设置相对路径时，只需输入图像的名称即可，例如<img sre="logo.gif" />

·图像位于HTML.文档的下一级文件夹：设置相对路径时，输入文件夹名和图像名，之间用“/”隔开，例如<img sre="img/img01/logo.gif”/>

·图像位于HTML.文档的上一级文件夹：设置相对路径时，在图像名之前加入“./”，如果是上两级，则需要使用“././”，依此类推，例如<img sre=”../logo.gif”/>

值得一提的是，网页中并不推荐使用绝对路径，因为网页制作完成之后我们需要将所有的文档上传到服务器。因此很有可能不存在“D:\案例源码\chapter02\images\bannerl.jpg”这样一个很精准的路径，网页也就无法正常显示图像。

上一篇：CSS样式优先级是怎样划分的？ 下一篇：content生成自定义图标的方式是什么？

最新资讯