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

相对路径

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

index.html文件的源代码如下

<body>
    <img scr="../images/dog.jpg"/>
</body>

 解析

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

绝对路径

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

<body>
    <img src="file://C|/html/images/dog.jpg">
</body>

 解析

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

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

 

  • 4
    点赞
  • 9
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

雷亚文

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值