相对路径就是指由这个文件所在的路径引起的跟其它文件(或文件夹)的路径关系。使用相对路径可以为我们带来非常多的便利。HTML绝对路径(absolute path)指带域名的文件的完整路径。

中文名

相对路径

外文名

Relative Path类    型

HTML语言

应    用

相对路径绝对路径和相对路径

编辑

语音

绝对路径:是从盘符开始的路径,形如C:\windows\system32\cmd.exe

相对路径:是从当前路径开始的路径,假如当前路径为C:\windows

要描述上述路径,只需输入system32\cmd.exe

实际上,严格的相对路径写法应为.\system32\cmd.exe

其中,.表示当前路径,在通道情况下可以省略,只有在特殊的情况下不能省略。

假如当前路径为c:\program files

要调用上述命令,则需要输入..\windows\system32\cmd.exe

其中,..为父目录。

当前路径如果为c:\program files\common files

则需要输入..\..\windows\system32\cmd.exe

另外,还有一种不包含盘符的特殊绝对路径,形如\windows\system32\cmd.exe

无论当前路径是什么,会自动地从当前盘的根目录开始查找指定的程序。

相对路径实例详解:

编辑

语音

文档相对路径一、例如在本地硬盘有如下两文件,它们要互做超链接G:\site\other\index.htm

G:\site\web\article\01.htm

如下表所示:

index.htm要想链接到01.htm这个文件,正确的链接应该是:../web\article\01.htm或者../web/article/01.htm

在超链接中../可以省略,在dos,或windows文件路径中../不可以省略。

反过来,01.htm要想链接到index.htm这个文件,在01.htm文件里面应该写上这句:../../other/index.htm

这里的 ../ 表示向上一级。

至此,你已经了解相对路径的概念了。

注意:相对路径的文件夹符号是斜杠:/

链接文字这样的链接,在href后面的第一个斜杠表示根目录,通常我们要特别慎用这种方式。

相对路径HTML的相对路径

编辑

语音

HTML相对路径(Relative Path)和绝对路径(Absolute Path)

HTML初学者会经常遇到这样一个问题,如何正确引用一个文件。比如,怎样在一个HTML网页中引用另外一个HTML网页作为超链接(hyperlink)?怎样在一个网页中插入一张图片?......

如果你在引用文件时(如加入超链接,或者插入图片等),使用了错误的文件路径,就会导致引用失效(无法浏览链接文件,或无法显示插入的图片等)。

为了避免这些错误,正确地引用文件,我们需要学习一下HTML路径。

HTML有2种路径的写法:相对路径和绝对路径。

相对路径同目录文件引用

"."——代表目前所在的目录。

我们现在建一个源文件info.html,在info.html里要引用index.html文件作为超链接。

假设index.html路径是:c:\Inetpub\wwwroot\sites\blabla\index.html

html文件作为超链接。c:\Inetpub\wwwroot.

index.html

其实,可以省略"./"直接引用。

相对路径表示上级目录

../表示源文件所在目录的上一级目录,../../表示源文件所在目录的上上级目录,以此类推。

/../include.php 就表示所在文件上一级目录(第一个杠就表示是在根目录下)!

假设index.html路径是:c:\Inetpub\wwwroot\sites\index.html

index.html

假设index.html路径是:c:\Inetpub\wwwroot\index.html

index.html

假设index.html路径是:c:\Inetpub\wwwroot\sites\wowstory\index.html

html路径是:c:\Inetpub\wwwroot\sites.

index.html

相对路径表示下级目录

引用下级目录的文件,直接写下级目录文件的路径即可。

假设index.html路径是:c:\Inetpub\wwwroot\sites\blabla\html\index.html

index.html

假设index.html路径是:c:\Inetpub\wwwroot\sites\blabla\html\tutorials\index.html

在info.html加入index.html超链接的代码应该这样写:

index.html

相对路径HTML绝对路径

HTML绝对路径(absolute path)指带域名的文件的完整路径。

表示源文件所在目录的上上级目录,以此类推。正确地引用文件,我们需要学习一下HTML路径。

假设你注册了域名baidubaikewww.seo-xy . com,并申请了虚拟主机,你的虚拟主机提供商会给你一个目录,比如www,这个www就是你网站的根目录。

假设你在www根目录下放了一个文件index.html,这个文件的绝对路径就是: baidubaikewww.seo-xy .com/index.html 假设你在www根目录下建了一个目录叫archives,然后在该目录下放了一个文件index.html,这个文件的绝对路径就是baidu。baikewww.seo-xy. com/archives/206.html。

相对路径附注

编辑

语音

经过多次真实实验,证明:绝对路径不利于搜索引擎表现,相对路径在搜索引擎中表现良好。

词条图册

更多图册

html相对路径例子,相对路径相关推荐

  1. php cookie的位置,php 设置cookie路径例子总结

    摘要 腾兴网为您分享:php 设置cookie路径例子总结,智慧医疗,有图相册,上汽大众,瑞幸咖啡等软件知识,以及钢琴英雄,天天锁屏,电气计算软件,民族证券小方,qq群匿名器,i世界,cad扩展工具, ...

  2. 相对路径和绝对路径(带例子,详解)

    一.路径问题: 在SpringMVC中可能涉及路径问题的地方:链接.表单提交.重定向和转发 <a href=""></a> <form action= ...

  3. 基础 HTML之目录问题(相对路径和绝对路径区别)

    一.相对路径和绝对路径 相对路径:以引用文件之网页所在位置为参考基础,而建立出的目录路径.因此,当保存于不同目录的网页引用同一个文件时,所使用的路径将不相同,故称之为相对. 绝对路径:以Web站点根目 ...

  4. 当前完整路径_Linux绝对路径和相对路径详解

    Linux 系统中,文件是存放在目录中的,而目录又可以存放在其他的目录中,因此,用户(或程序)可以借助文件名和目录名,从文件树中的任何地方开始,搜寻并定位所需的目录或文件. 说明目录或文件名位置的方法 ...

  5. C++中相对路径和绝对路径

    C++中相对路径与绝对路径以及斜杠与反斜杠的区别 文件路径 正斜杠和反斜杠 正斜杠,又称左斜杠,符号是"/":反斜杠,也称右斜杠,符号是"\".文件路径的表示可 ...

  6. img引Linux的绝对路径,什么是绝对路径和相对路径

    在HTML里只要涉及文件的地方(如超级链接.图片等)就会涉及绝对路径与相对路径的概念. 1.绝对路径 绝对路径是指文件在硬盘上真正存在的路径.例如"bg.jpg"这个图片是存放在硬 ...

  7. File IO(NIO.2):路径类 和 路径操作

    路径类 Java SE 7版本中引入的Path类是java.nio.file包的主要入口点之一.如果您的应用程序使用文件I / O,您将需要了解此类的强大功能. 版本注意:如果您有使用java.io. ...

  8. Python 相对路径、绝对路径的写法实例演示

    Python 里的路径分相对路径和绝对路径. 绝对路径 绝对路径好理解,我们以Girl.py来举例子. 这就是它的绝对路径: "E:/Python/Lib/site_packages/Gir ...

  9. Java 相对路径和绝对路径的简单介绍

    下面我来以结合项目的方式介绍一下相对路径和绝对路径 下面看项目的结构: / :表示根目录,即为WebRoot./ :表示当前目录比如在main.jsp 中访问css:<link rel=&quo ...

最新文章

  1. C++基本要点复习--------coursera程序设计实习(PKU)的lecture notes
  2. 在ubuntu 16.04下安装gitlab(摘抄中文官方网站)
  3. C++之 static 关键字
  4. 数据中心监控管理系统设计(之一)
  5. mysql 报错1045 - Access denied for user “root” @ 192.111.111.11 (using password: YES)
  6. mysql如何创建非管理员权限_mysql权限管理,一个非db管理员创建mysql的做法_MySQL...
  7. PHP网站使用JavaScript和Iframe简单实现部分刷新效果
  8. Springboot默认加载application.yml原理
  9. 中医移动医疗_中医之极简移动医疗
  10. IOS开发基础知识--碎片9
  11. STM32运行过程中降低系统时钟频率
  12. 基于jQuery的判断iPad、iPhone、Android是横屏还是竖屏的代码
  13. Fiddler | fiddler的https设置/证书失效怎么办
  14. C 语言绘制指针式时钟
  15. php数字转换题目,PHP将整数数字转换为罗马数字实例分享
  16. 小数化分数c++(附做法数学证明)
  17. java 定时器 倒计时_Java:多种方式实现倒计时定时器
  18. Doxygen 安装使用
  19. 程序大牛必备精品社区
  20. python机器学习开源代码_Python简化代码机器学习库PyCaret 2.0发布

热门文章

  1. 染布厂ERP新员工培训流程(中山宏瑞计算机科技有限公司编辑)
  2. Google(谷歌)中国总部探秘[z]
  3. 北京地铁6号线部分图形
  4. 游戏编程模式-子类沙盒
  5. 亏损的本质是我们过高估计了自己的能力
  6. 资深游戏3D建模师分享王者荣耀游戏角色制作技巧,入行月薪五位数真的不简单
  7. 因为这事,老王想杀人...
  8. 怎么提高文章的完读率?怎么吸引读者?有这几个小妙招
  9. GAN属于计算机视觉领域嘛_GAN生成图像综述
  10. 系统托盘弹出通知或气泡