在学习web中,总是有时分不清…/或者./什么时候用,
查了查,自己做了一个小总结
web中路径问题:分为相对路径和绝对路径。
其中需要知道\表示该文件所在的文件夹;.\这个表示所在的位置,可有可无;…\表示上一级就是父级。…\表示上上级。当有多少个上级,对应多少个…\
绝对路径:
绝对路径:就是这种图片在你硬盘中具体位置。例如: C:\web\homework\holiday\haha.jpg 当引用时就是。当然,超链接文件也是绝对路径
绝对路径的缺点:内容修改会很麻烦,当你整个文件都是用绝对路径来使用的。而且,当你将它使用在某个服务器上时,也 容易出错
相对路径
## 相对路径
相对路径:如上图,当html和haha.jpg是在同一个文件夹下的,调用时 <img src="haha.jpg">
而xixi.jpg是在html所在holiday目录同级下面的。所以调用时<img src="..\xixi.jpg">
这样的是比较常见的。
其实知道基本的…\就知道如何写了。
-
先确定所需图片与文件的相对位置
-
观察他们是否在同一个文件夹
在的话,用上面的;
不在的话,先找到文件所在文件夹,不断地返回…\找到图 片所在的文件夹,比如返回了两个后,有一个hehe.jpg.
那就表示成<img src="..\..\hehe.jpg">
。 -
初学web,如有错误或者不严谨的地方,多谢斧正。