绝对路径和相对路径

绝对路径和相对路径

在网页中，我们需要引用各种资源，如图片、CSS、JavaScript等，而这些资源的路径有两种表示方式：绝对路径和相对路径。

绝对路径

绝对路径其实就是指从根目录开始的完整路径，它可以唯一确定一个文件或目录的位置。在开发中，绝对路径通常以“/”开头，例如：

<img src="/static/images/logo.png">
<link rel="stylesheet" href="/static/css/style.css">
<script src="/js/main.js"></script>

这些路径都是以/开头的，表示从网站的根目录开始查找资源。在这种情况下，无论当前页面的 URL 是什么，都可以正确地找到资源。

相对路径

所谓的相对路径是指相对于当前文件中的路径，它可以简化路径的书写，但需要注意路径的正确性，一般相对路径通常有两种表示方式：相对于当前文件的路径和相对于网站根目录的路径。

相对于当前文件的路径

相对于当前文件的路径是指相对于当前文件所在的目录的路径。例如：

<img src="../images/logo.png">
<link rel="stylesheet" href="../css/style.css">
<script src="../js/main.js"></script>

这些路径都是以../开头的，表示返回上一级目录。在这种情况下，需要注意路径的正确性，如果路径书写不正确，就会导致资源无法加载。

相对于网站根目录的路径

相对于网站根目录的路径是指相对于网站根目录的路径。例如：

<img src="/images/logo.png">
<link rel="stylesheet" href="/css/style.css">
<script src="/js/main.js"></script>

这些路径都是以/开头的，表示从网站的根目录开始查找资源。在这种情况下，无论当前页面的 URL 是什么，都可以正确地找到资源。

绝对路径缺点：

在前端引入路径时，很少会使用绝对路径，如果使用像D:\static\images\bg.jpg结构来指定背景图片的位置，在自己的计算机上 浏览可能会一切正常，但是上传到Web服务器上浏览就很有可能不会显示图片了。因为上传到Web服务器上时，可能整个网站并没有放在Web服务器的E盘， 有可能是D盘或H盘。即使放在Web服务器的E盘里，Web服务器的E盘里也不一定会存在D:\static\images\bg.jpg这个目录，因此在浏览网页时是不会显示图片的。

总结:
绝对路径就是写死的路径,缺点显而易见，就是是换设备会出现路径找不到问题
而相对路径就是比较灵活的,优点是不会因为设备更换出现路径问题。