一、路径符合 /  ./  ../ 对比

二、解释说明

1.  /（根目录）
        含义：表示绝对路径的起点（根目录）。
        使用场景：
        在服务器环境中，/ 指向网站根目录（如 http://example.com/）。
        在本地文件系统中，/ 指向系统根目录（如 C:\ 或 /）

2. ./（当前目录）
        含义：表示当前文件所在的目录。
        使用场景：
        引用与当前文件同一目录下的其他文件。
        显式指明路径从当前目录开始（增强可读性）。

3. ../（父目录）
        含义：表示当前目录的上一级目录。
        使用场景：
        引用父目录中的文件。
        可多层嵌套（如 ../../ 表示上两级目录）。

三、项目中的例子

假设项目结构如下：

在 single_config.html 中：

<!-- 引用父目录 static/css 中的文件 -->
<link href="../css/yg_icon_home/iconfont.css" rel="stylesheet">

<!-- 引用上两级目录 static/js/uimaker/js 中的文件 -->
<script src="../../js/uimaker/js/jquery.min.js"></script>

<!-- 引用同一目录下的文件 -->
<script src="./single_config.js"></script>