图片的相对路径与绝对路径
- 格式:ppt
- 大小:4.02 MB
- 文档页数:86
相对路径和绝对路径的详讲1.绝对路径绝对路径:绝对:真真地存在你电脑上的实际路径。
⽐如你的window系统的C盘下有个ABC⽂件夹,ABC⽂件夹下有个file⽂件。
那么绝对路径:C:\ABC\file2.使⽤绝对路径的缺点事实上,在编程时,很少会使⽤绝对路径,⽐如你在Window系统上写了个XX系统,需要使⽤“E:\book\⽹页布局\1.jpg”来指定背景图⽚的位置,在⾃⼰的计算机上使⽤绝对路径浏览可能会⼀切正常,但是将系统代码⽂件和背景图⽂件上传到Web服务器(常常是Linux系统,可能不存在C,D,E盘)上部署系统时浏览就很有可能不会显⽰图⽚了。
因为上传到Web服务器上时,可能整个系统并没有放在Web服务器的E盘,有可能是D盘或H盘。
甚⾄可能web服务器根本就没有E盘,即使放在Web服务器的E盘⾥,Web服务器的E盘⾥也不⼀定会存在“E:\book\⽹页布局\1.jpg”这个⽬录,因此在浏览⽹页时会找不到该背景图,然后不会显⽰图⽚。
3.相对路径为了避免这种情况的发⽣,通常在⽹页系统上指定⽂件时,都会选择使⽤相对路径。
所谓相对路径,就是相对于⾃⼰的⽬标⽂件位置。
例如上⾯的例⼦,XX系统⾥引⽤了“1.jpg”图⽚,我们上传系统代码时,将XX系统代码和1.jpg放在同⼀个⽂件夹上传到web服务器,由于“1.jpg”图⽚相对于XX系统代码⽂件来说,是在同⼀个⽬录的,那么要在XX系统的代码⽂件⾥使⽤该1.jpg图后,只要这两个⽂件的相对位置没有变(也就是说还是在同⼀个⽬录内),那么⽆论上传到Web服务器的哪个位置,在浏览器⾥都能正确地显⽰图⽚。
这⾥XX系统需要使⽤1.jpg时⽤的相对路径就为: background = " 1.jpg " 即可再举⼀个例⼦,假设某个系统的“index..html”⽂件所在⽬录为“E:\book\⽹页布局\”,⽽“bg.jpg”图⽚所在⽬录为“E:\book\⽹页布局\img下”,那么“bg.jpg”图⽚相对于“index.html”⽂件来说,是在其所在⽬录的“img”⼦⽬录⾥,则引⽤图⽚的语句应该为:<body background="img/bg.jpg">注意:相对路径使⽤“/”字符作为⽬录的分隔字符,⽽绝对路径可以使⽤“\”或“/”字符作为⽬录的分隔字符。
相对路径和绝对路径的区别绝对路径指对站点的根目录而言某文件的位置,相对路径指以当前文件所处目录而言某文件的位置相对路径-以引用文件之网页所在位置为参考基础,而建立出的目录路径。
因此,当保存于不同目录的网页引用同一个文件时,所使用的路径将不相同,故称之为相对。
绝对路径-以Web站点根目录为参考基础的目录路径。
之所以称为绝对,意指当所有网页引用同一个文件时,所使用的路径都是一样的。
其实绝对路径与相对路径的不同处,只在于描述目录路径时,所采用的参考点不同。
由于对网站上所有文件而言,根目录这个参考点对所有文件都是一样的,因此,运用以根目录为参考点的路径描述方式才会被称之为绝对路径。
以下为建立路径所使用的几个特殊符号,及其所代表的意义。
"."--代表目前所在的目录。
".."--代表上一层目录。
"/"--代表根目录。
接下来,我们假设读者所建立的Web站点拥有如下图所示目录路径。
假若要在Ref.htm文件中引用BeRef.gif文件时,其相对路径如下:./SubDir2/BeRef.gif上面的引用路径中,"."代表目前的目录(Dir1),所以"./SubDir2"代表目前目录下的SubDir2。
其实,也可以省略"./"直接用下这个方式引用。
SubDir2/BeRef.gif若使用绝对路径以根目录为参考点引用该文件时,引用路径如下:/Dir1/SubDir2/BeRef.gif如果Web站点的目录之结构如下图时引用BeRef.gif文件的相对路径又是如何呢?假若要在Ref.htm文件中引用BeRef.gif文件时其相对路径如下:../SubDir2/BeRef.gif上面的引用路径中,".."代表上一层目录,所以,/Dir2"代表上一层目录下的Dir2子目录。
若使用绝对路径引用时,则引用路径如下:/Dir2/BeRer.gif我们再举一个比较复杂的例子,来比较一下相对路径与绝对路径的使用。
⽂件的绝对路径与相对路径⽤DW写HTML的时候,可以直接选择到具体⽂件的路径,现在改⽤了webstorm,只能选择到与HTML⽂件同⼀⽬录下的⽂件。
就此整理⼀下⽂件的绝对路径与相对路径的区别。
1.绝对路径先说在本地计算机上,⽂件的绝对路径当然是指:⽂件在硬盘上真正存在的路径。
例如这个路径:D:/wamp/www/img/icon.jpg告诉我们icon.jpg⽂件是在D盘的wamp⽬录下的img⼦⽬录中。
我们不需要知道其他任何信息就可以根据绝对路径判断出⽂件的位置。
注意:有时候编好的页⾯,在⾃⼰的计算机上浏览⼀切正常,但是上传到Web服务器上浏览就很有可能不会显⽰图⽚了。
因为静态HTML页⾯需要上传到⽹站,⽽在⽹站的应⽤中,通常我们使⽤"/"来表⽰根⽬录,/img/icon.jpg就表⽰photo.jpg⽂件在这个⽹站的根⽬录上的img⽬录⾥。
但是要知道,这⾥所指的根⽬录并不是你的⽹站的根⽬录,⽽是你的⽹站所在的Web服务器的根⽬录。
因为上传到Web服务器上时,可能整个⽹站并没有放在Web服务器的D盘,有可能是F盘或H盘。
即使放在Web服务器的D盘⾥,Web服务器的E盘⾥也不⼀定会存在“D:/wamp/www/img”这个⽬录,因此在浏览⽹页时是不会显⽰图⽚的。
这也是应⽤绝对路径的风险。
2.相对路径相对路径,顾名思义就是⾃⼰相对与⽬标位置。
假设你要引⼊⽂件的页⾯名称为test.htm,它存在叫www的⽂件夹⾥(绝对路径D:/wamp/www/test.htm),那么引⽤同时存在www⽂件夹⾥的“icon.jpg”⽂件(绝对路径D:/wamp/www/icon.jpg),同⼀⽬录下相对路径icon.jpg;如果⽂件“icon.jpg”存在img⽂⽂件夹中(绝对路径D:/wamp/www/img/icon.jpg),那么相对路径img/icon.jpg。
相对路径可以避免上述根⽬录不同的问题。
几种URL地址格式的优缺点介绍
URL(Uniform Resource Locator)是统一资源定位符的英文缩写,是互联网上用于标识和定位资源的一种方式。
URL地址格式的不同对于网站的访问和使用体验都有一定的影响。
下面将介绍几种常见的URL地址格式及其优缺点。
1. 绝对路径URL(Absolute Path URL)
2. 相对路径URL(Relative Path URL)
相对路径URL是指相对于当前资源所在位置的URL地址。
例如,在当前页面中引用同一目录下的图片可以使用"image.jpg"的相对路径URL。
相对路径URL的优点是简洁易懂,与当前页面关联紧密,方便网页的移植和兼容性。
缺点是对于资源的引用必须保证其位置与引用资源所在的相对关系始终没有发生变化,否则可能导致资源引用失败或错误展示。
3. 虚拟路径URL(Virtual Path URL)
4. SEO友好的URL(Search Engine Optimization friendly URL)
5. 短链接URL(Shortened URL)
综上所述,不同的URL地址格式有各自的优缺点。
在选择URL地址格式时,需要根据具体需求和场景综合考虑,并确保URL地址的准确、安全和易用性。
主题:使用HTML编写图片标签时,如何使用带盘符的绝对路径?内容:1. 介绍HTML的img标签HTML的img标签是用于在网页中显示图片的标签,通过在img标签中指定图片的路径,可以在网页中展示图片。
2. 相对路径和绝对路径在使用img标签时,可以使用相对路径或绝对路径来指定图片的位置。
相对路径是相对于当前HTML文件的路径来指定图片所在位置的路径,而绝对路径则是指定图片的完整路径。
3. 带盘符的绝对路径带盘符的绝对路径是指图片所在位置的完整路径,包括盘符信息。
在Windows系统中,带盘符的绝对路径通常以盘符开头,例如C:\images\photo.jpg。
4. 在HTML中使用带盘符的绝对路径在HTML中使用带盘符的绝对路径时,需要注意以下几点:- 在img标签的src属性中指定完整的带盘符路径。
- 使用正斜杠(/)或双反斜杠(\\)来连接文件夹和文件名称。
- 将盘符后的路径视作相对路径,从根目录开始计算。
5. 示例假设图片photo.jpg位于D盘的images文件夹中,那么在HTML中使用带盘符的绝对路径可以这样写:```<img src="file:///D:/images/photo.jpg" alt="photo">```6. 注意事项在使用带盘符的绝对路径时,需要注意以下几点:- 由于安全原因,通常在web上使用带盘符的绝对路径会受到限制,因此推荐使用相对路径或将图片上传至服务器再引用。
- 不同操作系统下文件路径的表示方式可能有所不同,需要注意兼容性。
- 在引用外部资源时,需要确保资源的可访问性和合法性。
7. 总结使用HTML的img标签来展示图片是网页设计中常见的操作,而在指定图片路径时,会涉及到相对路径和绝对路径的使用。
带盘符的绝对路径是指图片位置的完整路径,可以在HTML中使用,但需要注意安全性和兼容性等问题。
结尾:希望通过本文的介绍,读者对HTML中使用带盘符的绝对路径来引用图片有了更清晰的了解,能够在实际的网页制作中更加灵活和准确地使用图片路径。
相对路径和绝对路径
相对路径和绝对路径是指定位置时常使用的两种路径形式。
相对路径是以当前文件夹为参照,表示文件在当前文件夹所处的结构位置。
它指定的
是文件相对于当前文件夹的路径,一般通过记录文件夹进入和移出的操作来表示。
相对路
径中的每一个结构位置都是以"."来分割,如果楞是指定当前文件夹的路径,则用"./"表示;如果是指定上一级文件夹的路径,则用"../"表示;如果是指定当前文件夹下的子文
件夹的路径,则只用子文件夹的文件夹名即可。
绝对路径是不受当前位置条件限制,指出了文件所在的确切位置,一般是以磁盘为根,从根开始逐渐到达文件所在的文件夹位置。
比如Windows系统文件夹路径表示方式为:磁
盘盘符:\文件夹1\文件夹2\文件3.txt,Linux系统文件夹路径表示方式为:/文件夹1/
文件夹2/文件3.txt。
绝对路径相对于相对路径,它不但包含文件夹的名称,还包含了根
开始的所有路径结构,一定能够准确地定位文件的位置,但是也因此显得冗长,使用上不
如相对路径灵活。
简述相对路径和绝对路径相对路径和绝对路径是在计算机领域中常用的两个概念,用于表示文件或目录在文件系统中的位置。
它们在文件系统中起到定位和引用文件的作用。
下面将对相对路径和绝对路径进行简要的介绍和比较。
一、相对路径相对路径是指文件或目录相对于当前工作目录的路径。
它不包含完整的路径信息,而是通过指定文件或目录与当前位置之间的关系来定位。
相对路径的起点是当前工作目录,也就是用户当前所在的目录。
相对路径的特点是简洁、灵活,但是在不同的工作目录下可能会引起歧义。
相对路径通常使用"."和".."来表示当前目录和上一级目录。
例如,如果当前目录是“/home/user”,要引用该目录下的文件“file.txt”,可以使用相对路径“./file.txt”来表示。
同样,如果要引用上一级目录下的文件“file.txt”,可以使用相对路径“../file.txt”。
二、绝对路径绝对路径是指文件或目录在文件系统中的完整路径。
它包含从根目录到目标文件或目录的所有路径信息,可以唯一地定位文件或目录。
绝对路径的特点是明确、确定,不会引起歧义。
绝对路径通常以根目录(如“/”)作为起点,逐级指定目录名称,直到定位到目标文件或目录。
例如,要引用根目录下的文件“file.txt”,可以使用绝对路径“/file.txt”来表示。
同样,要引用根目录下的子目录“dir”中的文件“file.txt”,可以使用绝对路径“/dir/file.txt”。
三、相对路径与绝对路径的比较1. 简洁性:相对路径相对于当前工作目录,使用相对路径可以更简洁地表示文件或目录的位置。
而绝对路径需要指定完整的路径信息,相对路径更加简单明了。
2. 灵活性:相对路径可以根据当前工作目录的不同,灵活地引用文件或目录。
而绝对路径不受当前工作目录的限制,可以在任何位置引用文件或目录。
3. 歧义性:相对路径在不同的工作目录下可能会引起歧义,特别是当文件或目录名称相同的情况下。
html中绝对路径和相对路径的区别?⽐较相对路径和绝对路径的优缺点绝对路径和相对路径的区别?1. 绝对路径:就是你的⽂件或⽬录在硬盘上的真正的路径例如“bg.jpg”这个图⽚是存放在硬盘的“E:\img”⽬录下,那么 “bg.jpg”这个图⽚的绝对路径就是“E:\img\bg.jpg"2. 相对路径:顾名思义,相对路径就是相对于当前⽂件的路径。
⽹页中⼀般表⽰路径都⽤这个⽅法,例如在“s1.html” ⽂件⾥引⽤了“bg.jpg”图⽚,由于“bg.jpg”图⽚相对于“s1.html”来说,是在同⼀个⽬录下的,那么要在“s1.html”⽂件⾥使⽤以下代码后,只要这两个⽂件的相对位置没有变(也就是说还是在同⼀个⽬录内),那么⽆论上传到Web服务器的哪个位置,在浏览器⾥都能正确地显⽰图⽚。
再举⼀个例⼦,假设“s1.html”⽂件所在⽬录为“E:\html”下⾯,⽽“bg.jpg”图⽚所在⽬录为“E:\html\img”,那么“bg.jpg”图⽚相对于“s1.html”⽂件来说,是在其所在⽬录的“img”⼦⽬录⾥,则引⽤图⽚的路径应该为:img/bg.jpg⽐较相对路径和绝对路径的优缺点(1)绝对路径的优点①如果有⼈将你的⽹页保存到另外⼀台电脑中,⾥⾯的链接、图⽚、css、以及js仍然会链接到你电脑的路径,这个时候就⽆法找到该资源,加载不出来,这样就可以防⽌被抄袭②如果⽹页位置改变,⾥⾯的链接还是指向正确的URL(2)绝对路径的缺点①在编码编写时不⽅便使⽤绝对路径,因为链接应该指向真正的域名,⽽不是开发站点相对路径的优缺点和绝对路径的优缺点⼏乎相反(3)相对路径的优点①容易移动内容,可以整个⽬录移动②测试⽅法⽐较灵活,本机测试时⽐较⽅便(4)相对路径的缺点①部分内容页⾯换了位置时,链接容易失败②容易被⼈⼤⾯积采集抄袭。
简述相对路径、绝对路径相对路径与绝对路径相对路径和绝对路径是计算机中常用的两种路径表示方式,用于指定文件或目录的位置。
它们在文件系统中起着非常重要的作用,能够帮助我们准确地定位文件的位置。
下面将详细介绍相对路径和绝对路径的概念、用法和区别。
一、相对路径相对路径是相对于当前工作目录或当前文件的路径。
它不是一个完整的路径,而是从当前位置出发,通过一系列相对的位置关系来指定目标文件的位置。
1.1 相对路径的表示方式相对路径的表示方式有两种常见的形式:一种是使用"./"表示当前目录,另一种是直接使用文件或目录的名称。
使用"./"表示当前目录,例如:"./file.txt"表示当前目录下的file.txt文件;"./dir/file.txt"表示当前目录下的dir文件夹中的file.txt文件。
直接使用文件或目录的名称,例如:"file.txt"表示当前目录下的file.txt文件;"dir/file.txt"表示当前目录下的dir文件夹中的file.txt文件。
1.2 相对路径的使用场景相对路径通常适用于在当前工作目录下进行文件操作的情况。
例如,在命令行中使用相对路径指定要打开的文件,或者在代码中使用相对路径读取文件。
1.3 相对路径的优点和缺点相对路径的优点是简洁,不需要指定完整的路径信息,只需要指定与当前位置的相对关系即可。
它的缺点是不够具体,可能存在歧义,特别是在多层嵌套的文件结构中。
二、绝对路径绝对路径是从根目录开始的完整路径,可以准确地指定文件或目录的位置。
2.1 绝对路径的表示方式绝对路径通常以根目录(如C:\、/)作为起点,通过一系列目录的名称来指定目标文件的位置。
在Windows系统中,绝对路径通常以盘符开头,例如:"C:\Users\username\file.txt"表示C盘中Users文件夹下的username文件夹中的file.txt文件。
相对路径和绝对路径的使用场景相对路径适用于以下情况:1. 当文件或目录与当前工作目录位于同一目录下时,可以使用相对路径来定位它们。
例如,如果当前工作目录是“C:\Users\John”,而文件“test.txt”位于同一目录下,则可以使用相对路径“test.txt”来引用该文件。
2. 当需要在同一层级的目录中定位文件或目录时,相对路径也是很方便的。
例如,如果当前工作目录是“C:\Users\John\Documents”,而文件“notes.txt”位于同一层级的目录“C:\Users\John\Pictures”下,则可以使用相对路径“..\Pictures\notes.txt”来引用该文件。
3.使用相对路径可以更方便地移植代码或项目,因为相对路径不依赖于特定的根目录,而是相对于当前工作目录。
绝对路径适用于以下情况:1.当需要精确地定位文件或目录的位置时,绝对路径是必需的。
绝对路径提供了完整的路径从根目录开始,可以准确地定位文件或目录的位置,不受当前工作目录的影响。
2.在编程中,当需要在不同的操作系统或环境中使用相同的路径时,绝对路径是最可靠的选择。
因为绝对路径不依赖于当前工作目录,而是从根目录开始,所以可以在不同的系统中使用相同的路径。
3.当需要引用特定的系统文件或目录时,绝对路径是必要的。
例如,如果需要引用操作系统的核心文件或系统目录,必须使用绝对路径。
在实际应用中,相对路径和绝对路径可以根据具体需求和情况灵活使用。
相对路径通常用于项目开发中,让代码更加可移植和可维护。
绝对路径通常用于系统级的操作或在不同的平台间共享路径。
其中,相对路径依赖于当前工作目录,而绝对路径始终从根目录开始,提供了更高的精确度和可靠性。
总结起来,相对路径是相对于当前工作目录的位置,适用于定位同一目录或同一层级中的文件或目录,以及移植性强的场景。
而绝对路径从根目录开始,提供了精确和可靠的定位方式,适用于需要精确定位、跨平台或引用系统文件的场景。