路径指南

377 阅读2分钟

认识路径

首先,你以前肯定接触过路径,如你电脑中的某个文件 E:\娱乐\音乐\蓝莲花.mp3,或者你网上浏览的页面 ```https://www.baidu.com``,这些都是路径。

而我们在前面学习的<a>元素和<img>元素,说到的链接地址(href属性)和图片地址(src属性),这两个属性的值也是路径,如下:

<a href="http://imweb.io" target="_blank">
 <img src="imweb-logo.png" alt="IMWeb 学院">
</a>

路径介绍

简单来说,路径就是指向资源的存放位置,资源可以是各种文件,图片,视频等。这跟实际生活中我们经常以地址来描述一个位置一样。

路径分为绝对路径和相对路径。

  • 绝对路径:以站点根目录为参考基础的路径。
  • 相对路径:由文件本身所在的路径引起的跟其它文件(或文件夹)的路径关系。

以我们现实生活中地址为例来说,如果我们要描述北大的位置就可以说“北京市海淀区颐和园路5号”,也可以说清华旁边的大学。前者就是绝对地址,后者就是一个相对地址。

现在回过头来说我们的路径,比喻我们有个站点目录文件如下: 现在如果要在贪吃蛇.html文件中引入一个snake.js和一个样式文件 贪吃蛇.css,如下图以圈中:

如果以相对路径来引入的话,我们可以写成:

snake:../snake.js 样式:贪吃蛇.css或./贪吃蛇.css

在使用相对路径时,我们用符号“./”来表示当前目录,用符号“../”来表示当前目录的父目录。

如果以绝对路径来引入的话,我们可以写成:

snake:/大一/snake.js 样式:/大一/新建文件夹(2)/贪吃蛇.css