目录:
< 返回

需要检查图片链接使用的是绝对地址还是相对地址。

无论我们在HTML的头部添加CSS的链接地址,还是为<img>或者<a>标签添加链接,我们总是需要告诉浏览器,我们的图片存在什么地方,以方便浏览器定位资源。

这里有两种定位方式,绝对路径相对路径

绝对路径可以想象成是经纬度,比如你把一张图片存放在极简图床,复制出来的链接只要有网络谁都可以打开,这种链接就是绝对路径:https://static.zhihu.com/static/revved/img/ios/touch-icon-152.87c020b9.png

相对链接指的是同处于一个系统中文件与文件之间的相对位置。我们来看一下在一个常规的网站文件夹中:  

mysite
  - js
    - dance.js
    - move.js
  - css
    - style.css
    - otherstyle.css
  - images
    - cat.png
    - mouse.jpg
  - index.html

如果我们在Index.html想通过相对位置找到style.css,就可以css/style.css,因为index.html和css是处在同一级目录;那如果我们想要在css文件夹中的style.css中使用cat.png,我们应该怎么定位呢?

我们还是可以使用相对路径:../images/cat.png,这里的..表示“请往上一个层级”,因为style.css和cat.png不是在同一个文件夹内,需要跳出到mysite在这个文件夹,才可以找到images这个文件夹里面的cat.png。