HTML根目录、绝对路径、相对路径

1,676 阅读1分钟

以下讨论均是在HTML环境下进行:

路径指文件存放的位置,表示路径的方法有两种:相对路径,绝对路径。

1、相对路径

/ :    代表文件所在的根目录,其实可以理解成项目的根目录

./ :    代表文件当前所在的目录(可以省略不写)

../ :    代表文件所在的父级目录

../../ :    代表文件所在的父级目录的父级目录

举例:

如果要在html文件夹下面的test.html中引入000.css,可以有以下几种写法:

<link href="./css/css1/000.css"/> (./可以省略)
<link href="/html/css/css1/000.css"/>(/其实就是项目内部的根目录)
<link href="../html/css/css1/000.css"/>

2、绝对路径

绝对路径是指完整的网址,假设项目的网站域名为www.quanbaike.com, 那么1.css的绝对路径应该是www.quanbaike.com/html/css/cs…

原文链接 cloud.tencent.com/developer/a…