绝对路径与相对路径(在网页制作中的应用)

您所在的位置:网站首页 请简述相对路径和绝对路径并举例说明的区别 绝对路径与相对路径(在网页制作中的应用)

绝对路径与相对路径(在网页制作中的应用)

2024-07-09 14:31| 来源: 网络整理| 查看: 265

相对路径

        路径是指一个文件存储的位置,分为相对路径和绝对路径,相对路径是指当前文件所在位置为参考点而建立的路径。假设有如下图所示的路径:

index.html文件的源代码如下

 解析

      的src属性值"../images/dog.jpg"是一个路径,这个路径是以当前文件(index.html)所在目录为参考点的。../表示参考点的上一级目录,因此"../images/dog.jpg",表示退到当前文件的上一级目录,再进入到下一级目录images中找到图片dog.jpg,这种路径称为相对路径。相对路径的优点在于无论html目录移动到什么位置,index.html文件总能找到dog.jps文件,因此图片显示正常。

绝对路径

绝对路径是以硬盘根目录或站点根目录为参考点而建立的路径。代码如下;

 解析

       的src属性值"file://C|/html/images/dog.jpg"是一个路径,这个路径是以硬盘根目录(c:/)为参考点的,当前网页文件(index.html)将引用c:\html\images\dog.jpg文件,这种路径称为绝对路径。

      当将html目录移动到其他位置的时候,index.html文件就无法找到dog.jpg文件,因此图片显示错误。在网页制作中推荐使用相对路径。

 



【本文地址】


今日新闻


推荐新闻


CopyRight 2018-2019 办公设备维修网 版权所有 豫ICP备15022753号-3