什么是绝对路径和相对路径

　　在HTML里 惟独 波及文件的地方(如超级链接、图片等)就会 波及绝对路径与 绝对路径的概念 。

　　1.绝对路径

　　绝对路径是指文件在硬盘上真正存在的路径 。例如“bg.jpg”这个图片是 存放在硬盘的“E:＼book网页布局代码第2章”目录下，那么“bg.jpg”这个图片的绝对路径便是“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服务器的哪个位置，在阅读器里都能正确地显示图片 。

　　再举一个例子， 假如“s1.htm”文件所在目录为“E:＼book网页布局代码第2章”，而“bg.jpg”图片所在目录为“E:＼book网页布局代码第2章img”，那么“bg.jpg”图片 有关于“s1.htm”文件来说，是在其所在目录的“img”子目录里，则 引用图片的语句应该为：

　　 留神： 绝对路径 使用“/”字符作为目录的分隔字符，而绝对路径 可以 使用“”或“/”字符作为目录的分隔字符 。由于“img”目录是“第2章”目录下的子目录， 因此在“img”前不用再外加“/”字符 。

　　在 绝对路径里常 使用“../”来 示意上一级目录 。假如有多个上一级目录， 可以 使用多个“../”，例如“../../”代表上上级目录 。 假如“s1.htm”文件所在目录为“E:＼book网页布局代码第2章”，而“bg.jpg”图片所在目录为“E:＼book网页布局代码”，那么“bg.jpg”图片 有关于“s1.htm”文件来说，是在其所在目录的上级目录里，则 引用图片的语句应该为：

　　再举一个例子， 假如“s1.htm”文件所在目录为“E:＼book网页布局代码第2章”，而“bg.jpg”图片所在目录为“E:＼book网页布局代码img”，那么“bg.jpg”图片 有关于“s1.htm”文件来说，是在其所在目录的上级目录里的“img”子目录里，则 引用图片的语句应该为：

　　4. 绝对 虚构目录

　　有关 绝对路径还有一个 比较特别的 示意：“ 绝对 虚构目录” 。请看下面的例子：

　　在这个例子里，background属性的值为“/img/bg.jpg”， 留神在“img”前有一个“/”字符 。这个“/”代表的是 虚构目录的根目录. 假如把“E:＼book网页布局代码”设为 虚构目录，那么“/img/bg.jpg”的 实在路径为“E:＼book网页布局代码img／bg.jpg”;假如把“E:＼book网页布局代码第2章”设为 虚构目录，那么“/img/bg.jpg”的 实在路径为“E:＼book网页布局代码第2章imｇ／bg.jpg”