Part 1-5 路径指南
2018-09-14 本文已影响0人
那谁_
认识路径
<a href="http://imweb.io" target="_blank">
<img src="imweb-logo.png" alt="IMWeb 学院">
</a>
- 电脑中的某个文件
E:\娱乐\音乐\蓝莲花.mp3，或在网上看到的某个图片的网址https://8.url.cn/edu/download/images/s-3-bg.86430f50.jpg，这些都是路径. - 而在
<a>元素和<img>元素，说到的链接地址href属性和图片地址src属性，这两个属性的值也是路径.
路径分为绝对路径和相对路径。
- 绝对路径：以站点根目录为参考基础的路径.
- 相对路径：由文件本身所在的路径引起的跟其它文件的路径关系.
实例
以生活中的地址为例，如果我们要描述家庭小区的具体位置就可以说 “中国XX省XX市XX区XX路XX小区”，也可以说“XX小区旁的XX小区”。前者就类似于绝对地址，后者就是一个相对地址。
相对路径
在使用相对路径时，我们用符号“./”来表示当前目录，用符号“../”来表示当前目录的父目录.
如果以相对路径来引入的话，我们可以写成：
- 图片：
../../img/img-style.png - 样式：
./style.css
绝对路径
在使用绝对路径时，我们使用"/" 代表根目录.
如果以绝对路径来引入的话，我们可以写成：
- 图片：
/img/img-style.png - 样式：
/p2/exercises/style.css
其他站点要访问该目录时，则需要加上域名地址.
