认识路径
<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
其他站点要访问该目录时,则需要加上域名地址.