例如，css文件在名为css的文件夹中，html文件在名为html的文件夹中，这两个文件都在名为XYZ的文件夹中，这意味着我们将html中的css文件称为

<link rel="stylesheet" type="text/css" href="./../CSS/style.css" />

在这里. .移动到HTML 和。表示当前目录XYZ

——按照这个逻辑，你可以引用为:

<link rel="stylesheet" type="text/css" href="CSS/style.css" />

是的，./表示当前工作目录。您可以直接通过名称引用文件，而不需要它。

一个关于路径的快速而简短的概述

绝对路径

http://website.com/assets/image.jpg 如果图像不在你的域-去那里寻找图像

/ / website.com/assets/image.jpg 使用HTTP或HTTPS协议加载的图像

相对路径

(如果映像在同一服务器上，则供内部使用)

image.jpg 图像与文档调用图像的位置相同!

。/ image.jpg 与上面相同，图像在相同的位置，作为文档调用图像!

/资产/ image.jpg 类似于绝对路径，只是省略了协议和域名 从我的根文件夹/开始搜索我的图像，然后到assets/

资产/ image.jpg 此时，assets和文档位于同一位置，因此进入图像的assets

. . /资产/ image.jpg 从文档所在的位置，返回一个文件夹。/进入资产

. . / . . / image.jpg 往后退两个文件夹，这是我的图片!

. . / . . /资产/ image.jpg 返回两个文件夹../而不是进入资产

您可以使用以下列表作为快速参考:

   /   = Root directory
   .   = This location
   ..  = Up a directory
   ./  = Current directory
   ../ = Parent of current directory
   ../../ = Two directories backwards

有用的文章: https://css-tricks.com/quick-reminder-about-file-paths/

在参考快速参考列表时，具体可以使用以下方法:

\。\根目录+当前目录(盘符)

.  = This location
.. = Up a directory

所以。/foo。html就是foo。html。并且它是可选的，但是如果脚本生成了路径，那么它可能具有相关性(即与脚本相关，而不是参考如何工作)。