绝对路径 VS 相对路径
在HTML里只要涉及文件的地方(如超级链接、图片等)就会涉及绝对路径与相对路径的概念。
以HTML插入图片为例,网站上插入图片要用到HTML的img标签中的src属性。src即source(来源)的缩写,也就是图片的url(或者说地址、路径)。
HTML绝对路径(Absolute Path)指带域名的文件的完整路径(文件的真正存在的路径)。指从硬盘的根目录(盘符)开始,进行一级级目录指向文件。
这张图就很好的说明了本地的绝对路径含义:
以里面的image2.jpg为例:
其绝对路径是C:\网站1\网站2\image2.jpg。
即从根目录(如上面的C:\)为起点到你所在的目录(如上例中的image2.jpg)。
HTML相对路径(Relative Path)就是以当前文件为基准进行一级级目录指向被引用的资源文件。同一个目录的文件引用如果源文件和引用文件在同一个目录里,直接写引用文件名即可。
../ 表示当前文件所在的目录的上一级目录
./ 表示当前文件所在的目录(可以省略)
/ 表示当前站点的根目录(域名映射的硬盘目录)
绝对路径的缺点
事实上,在网页编程时,很少会使用绝对路径。
如果使用绝对路径来指定背景图片的位置,在自己的计算机上浏览可能会一切正常,但是上传到Web服务器上浏览就很有可能不会显示图片了。
注意
相对路径使用/字符作为目录的分隔字符,而绝对路径可以使用\或/字符作为目录的分隔字符。