相对路径是前端学习中的重要一环。在网站开发中,相对路径是我们获取图片、CSS样式、JS脚本等其他资源的必备基础知识。下面就和大家一起来学习一下相对路径吧。
1. 相对路径的概念
相对路径是从当前文件所在位置出发,到达目标路径的路径。相对路径不是从网站的根目录出发,而是从文件所在目录开始计算。
2. 相对路径的书写方式
相对路径通常分为两种写法:./和../。其中./表示当前文件所在的文件夹;../表示上一级目录。以此类推,/表示网站根目录
举个例子,如果我把网站上的一张图片放置在images目录下,需要在index.html中引用,可以这样写: