在HTML里只要涉及文件的地方(如超级链接、图片等)就会涉及绝对路径与相对路径的概念。
1.绝对路径
绝对路径是指文件在硬盘上真正存在的路径。例如“bg.jpg”这个图片是存放在硬盘的“E:\book\网页布局代码\第2章”目录下，那么 “bg.jpg”这个图片的绝对路径就是“E:\book\网页布\代码\第2章\bg.jpg"。那么如果要使用绝对路径指定网页的背景图片就应该使用 以下语句：
<body backround="E:\book\网页布局\代码\第2章\bg.jpg" >
2.使用绝对路径的缺点
事实上，在网页编程时，很少会使用绝对路径，如果使用“E:\book\网页布\代码\第2章\bg.jpg”来指定背景图片的位置，在自己的计算机上 浏览可能会一切正常，但是上传到Web服务器上浏览就很有可能不会显示图片了。因为上传到Web服务器上时，可能整个网站并没有放在Web服务器的E盘， 有可能是D盘或H盘。即使放在Web服务器的E盘里，Web服务器的E盘里也不一定会存在“E:\book\网页布局\代码\第2章”这个目录，因此在浏 览网页时是不会显示图片的。
3.相对路径
为了避免这种隋况发生，通常在网页里指定文件时，都会选择使用相对路径。所谓相对路径，就是相对于自己的目标文件位置。例如上面的例子，“s1.htm” 文件里引用了“bg.jpg”图片，由于“bg.jpg”图片相对于“s1.htm”来说，是在同一个目录的，那么要在“s1.htm”文件里使用以下代 码后，只要这两个文件的相对位置没有变(也就是说还是在同一个目录内)，那么无论上传到Web服务器的哪个位置，在浏览器里都能正确地显示图片。
<body background="bg.jpg">
再 举一个例子，假设“s1.htm”文件所在目录为“E:\book\网页布局\代码\第2章”，而“bg.jpg”图片所在目录为“E:\book\网页 布局\代码\第2章\img”，那么“bg.jpg”图片相对于“s1.htm”文件来说，是在其所在目录的“img”子目录里，则引用图片的语句应该 为：
<body background="img/bg.jpg">
注意：相对路径使用“/”字符作为目录的分隔字符，而绝对路径可以使用“\”或“/”字符作为目录的分隔字符。由于“img”目录是“第2章”目录下的子目录，因此在“img”前不用再加上“/”字符。
在 相对路径里常使用“../”来表示上一级目录。如果有多个上一级目录，可以使用多个“../”，例如“http://www.cnblogs.com/”代表上上级目录。假设 “s1.htm”文件所在目录为“E:\book\网页布局\代码\第2章”，而“bg.jpg”图片所在目录为“E:\book\网页布局\代码”，那 么“bg.jpg”图片相对于“s1.htm”文件来说，是在其所在目录的上级目录里，则引用图片的语句应该为：
<body background="../bg.jpg">
再举一个例子，假设“s1.htm”文件所在目录为“E:\book\网页布局\代码\第2章”，而“bg.jpg”图片所在目录为“E:\book\网 页布局\代码\img”，那么“bg.jpg”图片相对于“s1.htm”文件来说，是在其所在目录的上级目录里的“img”子目录里，则引用图片的语句 应该为：
<body background="../img/bg.jpg">
4.相对虚拟目录
有关相对路径还有一个比较特殊的表示：“相对虚拟目录”。请看下面的例子：
<body background="/img/bg.jpg">
在这个例子里，background属性的值为“/img/bg.jpg”，注意在“img”前有一个“/”字符。这个“/”代表的是虚拟目录的根目录. 假设把“E:\book\网页布局\代码”设为虚拟目录，那么“/img/bg.jpg”的真实路径为“E:\book\网页布局\代码\img \bg.jpg”；如果把“E:\book\网页布局\代码\第2章”设为虚拟目录，那么“/img/bg.jpg”的真实路径为“E:\book\网页 布局\代码\第2章\img\bg.jpg”
注：文章转自博客园http://www.cnblogs.com/heyonggang/archive/2013/03/01/2938984.html
分享到：
相关推荐
### 相对路径和绝对路径的概念 在计算机科学和网络技术中，文件路径是指向文件或目录的一种方式，用于指示文件或目录在网络或系统中的具体位置。根据参考基础的不同，可以将路径分为两种类型：相对路径和绝对路径。...
WPF 中 Image 控件 Source 属性的相对路径和绝对路径问题总结 在 WPF 中，Image 控件的 Source 属性可以指定为相对路径或绝对路径，但这两种路径有不同的使用场景和注意事项。本文将总结 WPF 中 Image 控件 Source ...
### 相对路径和绝对路径的区别与使用 在计算机科学领域，路径是文件系统中用于标识文件或目录位置的一种方式。路径可以分为两种主要类型：绝对路径和相对路径。了解这两种路径的区别及其适用场景对于软件开发、网页...
什么是相对路径和绝对路径？ 在计算机科学中，路径是指文件或目录在文件系统中的位置。路径可以分为两种：相对路径和绝对路径。相对路径是指相对于当前目录或当前路径的路径，而绝对路径是指从根目录开始的路径。...
- `src`属性：这是必需的，用于指定图像文件的路径，可以是绝对路径或相对路径。 - `alt`属性：提供图像的替代文本，当图像无法显示（如网络问题或用户禁用了图像）时，这个文本会显示出来，同时对搜索引擎优化（SEO...
### 相对路径和绝对路径详解 #### 一、引言 在Web开发中，文件间的链接至关重要。正确的路径设置可以确保用户能够顺利地访问到所需的资源，如图片、样式表或JavaScript文件等。本文将深入探讨相对路径与绝对路径的...
### 绝对路径和相对路径详解 #### 一、基本概念理解 在计算机科学领域，路径是用来标识文件或目录在文件系统中的位置的一种方法。路径可以分为两种类型：绝对路径和相对路径。 - **绝对路径**：指的是从根目录...
在 JSP 编程中，我们可以使用 `request.getRequestURI()` 来获取当前实际运用的相对路径和绝对路径根列表所对应的绝对路径。此外，我们还可以使用 `application.getRealPath(request.getRequestURI())` 来获取文档的...
选择使用绝对路径还是相对路径，主要取决于具体的应用场景和需求。对于重视内容安全性和稳定性的项目，绝对路径可能是更好的选择；而对于追求灵活性和易于管理的项目，相对路径则更为合适。在实际操作中，开发者可以...
Servlet 中的相对路径和绝对路径归纳 在 Servlet 编程中，路径是非常重要的一个概念。路径可以分为相对路径和...相对路径和绝对路径都有其适用场景，了解它们的区别和使用场景可以帮助开发者更好地编写 Servlet 程序。
通过上述总结，我们可以了解到在Java Web开发中，正确理解和使用相对路径和绝对路径是非常重要的。它们在服务器端和客户端有不同的含义，并且在不同的应用场景下有着不同的使用方式。了解这些基础知识有助于我们编写...
在Asp.net开发环境中，理解和运用相对路径与绝对路径对于构建高效、可维护的网站或应用程序至关重要。本文将深入解析Asp.net中的相对路径与绝对路径的概念，以及它们在实际项目中的具体应用。 ### 一、相对路径与...
### Java中的绝对路径与相对路径 在Java编程中，路径管理是进行文件操作的重要组成部分，尤其是在Web应用开发中。本文将详细介绍如何在Java中获取不同类型的路径，包括Web服务器下的文件路径、本地路径以及相对路径...
对于这些需求，理解和掌握文件的相对路径与绝对路径至关重要。 #### 文件路径类型概述 在Java中，处理文件时通常会遇到两种类型的路径：**相对路径**与**绝对路径**。 - **相对路径**：指的是相对于当前工作目录...
本文将深入探讨JSP（JavaServer Pages）环境中绝对路径与相对路径的区别及其应用场景，帮助开发者更好地理解这两种路径类型，并在实际开发中做出合适的选择。 #### 二、绝对路径与相对路径的基本概念 1. **绝对...
在HTML文档中，链接到其他资源（如图片、音频、视频或另一个HTML页面）时，通常会使用两种类型的路径：相对路径和绝对路径。正确地理解和应用这两种路径类型对于构建高效、可维护的网站至关重要。 #### 二、相对...
路径分为绝对路径和相对路径两种类型，它们各有不同的用途和特点。 绝对路径是指从根目录开始的完整路径，它明确指定了文件或目录的确切位置。例如，`file:/D:/java/eclipse32/workspace/jbpmtest3/bin/aaa.b` 是一...
C#根据当前进程的启动路径，获得多个参数拼接...以及根据基准路径和参数获得相对路径。路径操作只用.NET中的System.IO和System.Text命名空间，相比其它的实现方式（比如采用System.Web命名空间）实用性更强，依赖更少。
其实绝对路径与相对路径的不同处，只在于描述目录路径时，所采用的参考点不同。由于对网站上所有文件而言，根目录这个参考点对所有文件都是一样的，因此，运用以根目录为参考点的路径描述方式才会被称之为绝对路径...