绝对路径和相对路径有什么区别？相对路径的三种书写方法介绍

绝对路径和相对路径有什么区别？在Html的应用中，绝对路径和相对路径的概念(如超链接、图片等。)都经常涉及。这两条路径所表达的意思是绝对路径可以被精确引用，而相对路径是一个模糊的应用概念，只在目标目录中找到引用，所以大多数Html工作者会选择使用相对路径。

　　一、绝对路径

绝对路径是指硬盘上文件真正存在的路径。比如图像“bg.jpg”存储在硬盘上的目录“e : \ book \ Web Layout Code \ Chapter 2”中，那么图像“bg.jpg”的绝对路径就是“e : \ book \ Web buy \ Code \ Chapter 2 \ BG . jpg”。然后，如果要使用绝对路径指定网页的背景图片，则应使用以下语句：

正文倒排=' E: \图书\网页布局\代码\第2章\bg.jpg '

使用绝对路径的缺点：

事实上，绝对路径在网页编程中很少使用。如果使用“E:\book\网页布\ code \ chapter 2 \bg.jpg”指定背景图片的位置，在自己的电脑上浏览可能是正常的，但是上传到web服务器上很可能不会显示图片。因为在上传到Web服务器的时候，整个网站可能不会放在Web服务器的E盘上，而可能是D盘或者H盘。即使放在Web服务器的e盘上，目录“E: \图书\网页布局\代码\章节2”也可能不存在于Web服务器的e盘上，所以浏览网页时不会显示图片。

　　二、相对路径

根据上述，为了避免这种情况，在网页中指定文档时，通常会选择相对路径。所谓的相对路径是相对于它自己的目标文件位置。

介绍相对路径的三种书写方法；

1.例如，“s1.htm”文件指的是“bg.jpg”图片。由于“bg.jpg”图片与“s1.htm”在同一个目录中，所以在“s1.htm”文件中应该使用下面的替换代码，只要两个文件的相对位置保持不变(即仍然在同一个目录中)，无论上传到Web服务器的哪个位置，都可以在浏览器中使用。

正文背景='bg.jpg '

2.比如“s1.htm”文件的目录是“E3360 \ Book \ Web布局\ Code \ Chapter 2”，而“bg.jpg”图片的目录是“E3360 \ Book \ Web布局\ Code \ Chapter 2 \img”，那么“bg.jpg”图片就是相对于“s1.htm”的

正文背景='img/bg.jpg '

注意：的相对路径使用“/”字符作为目录分隔符，而绝对路径可以使用“\”或“/”字符作为目录分隔符。由于“img”目录是“第二章”目录下的子目录，因此无需在“img”前添加“/”字符。

在相对路径上，”./"常用来表示上面的目录。如果有多个父目录，可以使用多个"./，而“http://www . xitonzhijia . net/”代表父目录。假设“s1.htm”文件的目录是“E3360 \ Book \ Web Layout \ Code \ Chapter 2”，而“bg.jpg”图片的目录是“e 3360 \ Book \ Web Layout \ Code”，那么“bg.jpg”图片位于其目录比“s1.htm”文件更高的目录中。

正文背景='./bg.jpg '

3.比如再举一个例子，假设“s1.htm”文件的目录是“e 3360 \ Book \ Web Layout \ Code \ Chapter 2”，图片“bg.jpg”的目录是“E3360 \ Book \ Web Layout \ Code \img”，那么“bg.jpg”图片就是相对于“”的

正文背景='./img/bg.jpg '

　　三、相对虚拟目录

相对路径还有一种特殊的表示：“相对虚拟目录”。请参见以下示例：

正文背景='/img/bg.jpg '

在本例中，背景属性的值是“/img/bg.jpg”，请注意“img”前面有一个“/”字符。这个"/"代表虚拟目录的根目录。/img/bg.jpg的真实路径是“E:\book\ web布局\ code \ img \ bg.jpg”，假设“E:\book\ web布局\ code”设置为虚拟目录。/img/bg.jpg的真实路径是“e : \ book \ page layout \ code \ chapter 2 \ img \ BG . jpg”如果将“e : \ book \ page layout \ code \ chapter 2”设置为虚拟目录。

以上是绝对路径和相对路径的区别介绍。鉴于后者在Html中的应用更加灵活，建议用户养成使用相对路径的习惯。