学科分类
目录
HTML5+CSS3

相对路径和绝对路径

在计算机查找文件时,需要明确文件所在位置。网页中的路径通常分为绝对路径和相对路径两种,具体介绍如下:

1.绝对路径

绝对路径就是网页上的文件或目录在硬盘上的真正路径,例如“D:\案例源码\chapter03\images\banner1.jpg”,或完整的网络地址如“http://www.zcool.com.cn/images/logo.gif”。

2.相对路径

相对路径就是相对于当前文件的路径,相对路径没有盘符,通常是以HTML网页文件为起点,通过层级关系描述目标图像的位置。总的来说,相对路径的设置分为以下3种。

●图像文件和html文件位于同一文件夹:只需输入图像文件的名称即可,如<mg src="logo.gif" />。

●图像文件位于html文件的下一级文件夹:输入文件夹名和文件名,之间用“/”隔开,如<img src="img/img01/logo.gif" />。

●图像文件位于html文件的上一级文件夹:在文件名之前加入“../” ,如果是上两级,则需要使用 “../ ../”,以此类推,如<img src="../logo.gif" />。

值得一提的是,网页中并不推荐使用绝对路径,因为网页制作完成之后我们需要将所有的文件上传到服务器,此时图像文件可能在服务器的C盘,也有可能在D盘、E盘,可能在A文件夹中,也有可能在B文件夹中。

因此很有可能不存在“D:\网页制作与设计(HTML+CSS)\案例源码\chapter03\images\banner1.jpg”这样一个很精准的路径,这样就会造成图片路径错误,网页没办法正常显示设置的图片。

点击此处
隐藏目录