×

帮助中心

常见问题
域名类
•  域名介绍
•  注册/续费
•  域名管理
•  域名过户
•  域名转移
•  增值服务
•  域名交易
•  通用网址
•  产品更新日志
邮局类
•  产品简介
•  产品管理
•  邮件客户端
•  邮箱用户操作指南
•  邮箱管理员操作指南
•  产品使用手册
•  代理商控制台操作指南
•  产品更新日志
云虚机类
•  购买与升级
•  FTP
•  主机管理
•  技术问题
•  数据库
•  产品更新日志
ECS云主机类
•  产品更新日志
会员类
•  会员注册
•  信息修改
•  忘记密码
•  账户实名认证
•  产品更新日志
财务类
•  后付费计费
•  在线支付
•  线下汇款
•  发票问题
•  汇款单招领
•  退款问题
•  充值业务
•  产品更新日志
ICP备案
•  备案问题快速咨询通道
•  备案介绍
•  备案账号
•  ICP备案前准备内容
•  ICP备案流程
•  ICP备案操作指导
•  ICP备案信息查看
•  备案合规核查要求
•  资料下载
•  公安联网备案与经营性备案
•  各地管局备案通知
•  常见问题
服务类
•  ICP备案
•  小新服务
•  产品更新日志
网站定制类
•  网站定制问题
•  网站访问问题
新办公类
•  常见问题
•  操作手册下载
云推送
•  云推送常见问题
速成建站
•  网站访问问题
•  网站使用问题
•  产品更新日志
SSL证书
•  SSL证书常见问题
•  产品更新日志
新网云产品类
•  新网云WEB应用防火墙
•  新网云DDoS防护
•  云数据库
•  云产品运维
•  内容分发网络CDN
•  对象存储 S3
•  网络
资料下载
新手上路

绝对路径和相对路径

  • 作者:新网
  • 文章来源:新网
  • 点击数:100
  • 更新时间:2012-05-14 16:54:31

答:文件路径就是文件在电脑中的位置,表示文件路径的方式有两种,相对路径和绝对路径。在网页设计中通过路径可以表示链接,插入图像、FlashCSS文件的位置。

 

物理路径:物理路径就是硬盘上文件的路径,比如下面的文件:

d:/dreamdu/exe/1.html

d:/dreamdu/exe/first/2.html

d:/dreamdu/exe/first/3.html

d:/dreamdu/exe/first/second/4.html

下面的例子使用了上面四个文件进行了相互链接。

 

相对路径(Relative Path)——以引用文件之网页所在位置为参考基础,而建立出的目录路径。因此,当保存于不同目录的网页引用同一个文件时,所使用的路径将不相同,故称之为相对。

 

如何表示同级目录的文件

2.html3.html在同一个文件夹下, 如果2.html链接到3.html,可以在2.html中这样写:

<a href="3.html">同目录下文件间互相链接</a>

 

如何表示上级目录的文件

1.html2.html3.html的上级目录中的文件,如果2.html3.html链接到1.html,可以在2.html3.html中这样写

<a href="../1.html">链接到上级目录中的文件</a>

../ 代表一级上级目录(间隔一个目录) ../../代表二级上级目录(间隔两个目录),比如4.html链接到1.html,可以在4.html中这样写

<a href="../../1.html">链接到上级目录的上级目录中的文件</a>

 

如何表示下级目录的文件

2.html3.html1.html的下级目录中的文件,如果在1.html中链接到2.html 可以在1.html中这样写

<a href="first/2.html">链接到下级目录(first)中的文件</a>

 

如果在1.html中链接到4.html,可以在1.html中这样写

<a href="first/second/4.html">链接到下级目录(first/second/)中的文件</a>

 

绝对路径(Absolute Path)——以Web站点根目录为参考基础的目录路径。之所以称为绝对,意指当所有网页引用同一个文件时,所使用的路径都是一样的。

 

绝对路径就是带有网址的路径,比如你有一个域名www.dreamdu.com,和一个网站空间,上面的四个文件就可以这么表示。

<a href="https://www.dreamdu.com/exe/1.html">链接到1.html</a>

<a href="https://www.dreamdu.com/exe/first/2.html">链接到2.html</a>

<a href="https://www.dreamdu.com/exe/first/3.html">链接到3.html</a>

<a href="https://www.dreamdu.com/exe/first/second/4.html">链接到4.html</a>

技术问题

免费咨询获取折扣

Loading