HTML绝对路径与相对路径

我们先来解释一下概念

绝对路径：就是完整的路径，从根目录一直往下排；

比如百度的网站是

www.baidu.com复制代码

，如果text.html的绝对路径就是

https://www.baidu.com/text.html复制代码

相对路径：指的的目标相对于当前文件夹的路径，相对路径有很多种表示方法，而且意义也不相同，比如

./ ：表示文件所在的目录
../ ：代表文件所在的父级目录
../../  :代表文件所在的父级目录的父级目录
/ ：代表文件所在的根目录复制代码

比如说这个目录

如果我们此时想在index.html中引入text.css,我们就可以写成这样：

<link rel="stylesheet" href="/home/css/text.css">复制代码

我们在电脑的C盘或者其他盘中也能经常体会到，这就是gikj下的文件夹

同时，我们在开发项目的时候也是这样，一层嵌套一层，如下

以下是相对路径的优缺点

相对路径的优点是容易移动，可以通过整个文件夹进行移动
测试本地网站也更加方便
相对路径的缺点是如果代码不够严谨，当移动文件夹之后，部分页面可能会出现错乱现象
而且如果使用相对路径的话，很容易被人整站抄袭。复制代码

绝对路径的优缺点

绝对路径的优点是，如果有人抄袭你的网站内容，里面的链接还会指向你的网站
有些抄袭的人比较懒，根本不会去修改内容
其实也不局限于被抄袭，如果有人将你的网页保存到本地计算机中，里面的链接、图片、CSS及JS仍然会连接到你的网站复制代码

我个人建议哈市选择绝对路径比较好