文档章节

相对路径和绝对路径

临江仙卜算子
 临江仙卜算子
发布于 06/22 09:23
字数 1302
阅读 9
收藏 0

基本概念

  文件路径就是文件在电脑中的位置,表示文件路径的方式有两种,相对路径绝对路径。在网页设计中通过路径可以表示链接,插入图像、Flash、CSS文件的位置。 
  物理路径:物理路径就是硬盘上文件的路径,比如下面的文件:

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.html和3.html在同一个文件夹下, 如果2.html链接到3.html,可以在2.html中这样写:

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

 

  如何表示上级目录的文件? 
  1.html是2.html和3.html的上级目录中的文件,如果2.html或3.html链接到1.html,可以在2.html或3.html中这样写

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

 

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

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

 

  如何表示下级目录的文件? 
  2.html和3.html是1.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)

  绝对路径又分为本地绝对路径网络绝对路径。本地路径是指文件在硬盘上真正存在的路径。网络路径就是带有网址的路径,比如你有一个域名www.dreamdu.com,和一个网站空间,上面的四个文件就可以这么表示。

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

 

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

 

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

 

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

 

使用绝对路径的缺点

  使用根目录和绝对路径的好处是表示路径比较简单,都是从网站的最开始目录里查找,一级一级的向下查。缺点是程序不容易移植(比如把网站做为另一个网站的一个栏目,移动到一个新的文件夹中就不行了)。

根目录

  使用根目录的方式表示的路径和绝对路径的表示方式相似,去掉前面的域名就可。 
  比如:

<a href="/exe/1.html">链接到1.html</a>

 

<a href="/exe/first/2.html">链接到2.html</a>

 

相对路径写法总结

1.【如果源文件和引用文件在同一个目录(文件夹)里,直接写引用文件名即可。】

  假设info.html路径是:

c:\Inetpub\wwwroot\sites\blabla\info.html

 

  假设index.html路径是:

c:\Inetpub\wwwroot\sites\blabla\index.html

 

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

<a href ="index.html">index.html</a>

 

2.【../表示源文件所在目录(文件夹)的上一级目录(文件夹),../../表示源文件所在目录的上上级目录,以此类推。】

  假设info.html路径是:

c:\Inetpub\wwwroot\sites\blabla\info.html

 

  假设index.html路径是:

c:\Inetpub\wwwroot\sites\index.html

 

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

<a href ="../index.html">上一级目录的index.html</a>

 

-----------------------------------------------

  假设info.html路径是:

c:\Inetpub\wwwroot\sites\blabla\info.html

 

  假设index.html路径是:

c:\Inetpub\wwwroot\index.html

 

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

<a href ="../../index.html">上两级目录的index.html</a>

-----------------------------------------------

  假设info.html路径是:

 c:\Inetpub\wwwroot\sites\blabla\info.html

  假设index.html路径是:

c:\Inetpub\wwwroot\sites\wowstory\index.html

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

 <a href ="../wowstory/index.html">上一级目录中的某子目录下的index.html</a>

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

  假设info.html路径是:

c:\Inetpub\wwwroot\sites\blabla\info.html

  假设index.html路径是:

c:\Inetpub\wwwroot\sites\blabla\html\index.html

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

<a href ="html/index.html">子目录下的index.html</a>

-----------------------------------------------

  假设info.html路径是:  

c:\Inetpub\wwwroot\sites\blabla\info.html

  假设index.html路径是: 

c:\Inetpub\wwwroot\sites\blabla\html\tutorials\index.html

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

<a href ="html/tutorials/index.html">多级子目录的index.html</a>

 

亲,如果您感觉本文有用,请点个赞再走吧!!(>‿◠)✌

本文转载自:https://blog.csdn.net/Yeoman92/article/details/52736504

共有 人打赏支持
临江仙卜算子
粉丝 14
博文 269
码字总数 214855
作品 0
郑州
CEO
tar命令之--exclude参数 排除指定的文件或目录

操作系统信息: 参数: --exclude 打包时排除不需要处理的文件或目录 说明: tar -zcf a.tar.gz 打包的目录 --exclude=指定排除的文件所在的路径 1)打包的目录使用相对路径,排除的文件只能...

Linux_yk
03/09
5
0
JAVA文件中获取路径及WEB应用程序获取路径方法

基本概念的理解 :你应用上的文件或目录在硬盘上真正的路径,如:URL、物理路径 例如: c:/xyz/test.txt代表了test.txt文件的绝对路径; http://www.sun.com/index.htm也代表了一个URL绝对路...

陶邦仁
2012/10/25
0
1
java getResourceAsStream

Java路径   Java中使用的路径,分为两种:绝对路径和相对路径。具体而言,又分为四种:   一、URI形式的绝对资源路径   如:file:/D:/java/eclipse32/workspace/jbpmtest3/bin/aaa.b  ...

vshcxl
2016/11/11
10
0
基础 HTML之目录问题(相对路径和绝对路径区别)

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

Airship
2016/11/17
1
0
java中获取文件路径的几种方式

关于绝对路径和相对路径: 绝对路径就是你的主页上的文件或目录在硬盘上真正的路径,(URL和物理路径)例如:C:xyz est.txt 代表了test.txt文件的绝对路径。http://www.sun.com/index.htm也代表...

jing31
2010/08/12
0
0

没有更多内容

加载失败,请刷新页面

加载更多

docker多容器部署lnmp环境

环境:RHEL7.5 ip:192.168.10.102,主机名:lb02 一、创建web、数据库目录 web网站目录为:/wwwroot,属主属组:www [root@lb02 ~]# mkdir /wwwroot[root@lb02 ~]# useradd -s /sbin/nolo...

人在艹木中
12分钟前
0
0
eclipse运行springboot项目报错‘找不到或无法加载主类’

这是一个很烦躁的问题~,往往困住大家好长时间,然后各种百度。借此,咱将这个问题有可能产生的原因进行一下总结。若有不完善之处欢迎大家在下面留言指出~~ Duang!问题出现 然后开始尝试解决...

Code辉
32分钟前
0
0
springboot oauth2 跨域设置

@Overridepublic void configure(HttpSecurity http) throws Exception { http .authorizeRequests() .antMatchers("/security/**") .authentica......

昆虫大侠
34分钟前
0
0
08-利用思维导图梳理JavaSE-泛型

08-利用思维导图梳理JavaSE-泛型 主要内容 1.泛型的基本概念 1.1.定义 1.2.使用前提 1.3.使用泛型的好处 2.泛型的使用 2.1.泛型类定义 2.2.泛型对象定义 2.3.泛型中的构造方法 2.4.泛型方法的...

飞鱼说编程
36分钟前
0
0
Docker 部署 Spring Boot 项目指南

仅想在Docker里运行一个Spring Boot项目,捣鼓了许久。。。 本文主要适用于Windows环境下的Docker 一、运行环境 Windows 10 Maven 3.5 Docker 18.06.1-ce-win73 (19507) 二、创建Spring Boot...

AmosWang
42分钟前
3
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部