我们在写网页的时候,文件的路径非常重要,因为如果错误的时候,我们就调用不到我们所需要的文件或是图片,今天AS老师讲到了这个问题,我正好也总结一下这个路径问题在html页面中的重要性,这个对于初学者来说是个很容易纠结的问题。
相对路径:指的是当前操作文件相对于所需要引用的的文件的路径;也就是相对于目标文件位置;
例如:
Document
在这种情况下引用“001.jpg",要想正确显示,表明我们所建的这个html页面和该图片存储在同一个文件夹下;
当所建html页面和图片在同一文件夹下时,如html的路径为:E:/project/html/1.html,而图片的路径为:E:/project/images/001.jpg/时,也就是在相对于html页面来说,它在其所在目录的上级目录里的“images”子目录里,此时应该用
其中"../"表示上级目录;当图片的路径为 E:/project/时,也用
因为相对于html来说,图片001.jpg就在它所在目录的上级目录里;如果在多个上级中,则应该用../../;
绝对路径:指的是文件在电脑中存的真正的完整的路径,如,
E:/project/html/1.html/;但绝对路径在网页中并不常用,因为我们电脑上存储的图片或许能正常显示,但在Web服务器上时,可能整个网站并没有放在Web服务器的E盘, 有可能是D盘或H盘。即使放在Web服务器的E盘里,Web服务器的E盘里也不一定会存在“E:/project/html/1.html”这个目录,因此在浏 览网页时是不会显示图片的。
总结:相对路径来说,总的来说包括3种情况:
还有如果我们要引用浏览器中的图片,需要将图片的地址写清楚,而不需要纠结相对路径和绝对路径的问题,如:
这就将浏览器中随便的一张图片引用到网页中了;