“./”(点斜杠)在HTML文件路径位置方面的含义是什么?

时间:2011-09-29 00:45:38

标签: javascript html path

我知道../意味着走上一条道路,但./究竟意味着什么?

我最近正在阅读一个教程,它似乎只是指同一位置的文件,所以它有必要吗?如果它正在做的话,我可以不使用它吗?

10 个答案:

答案 0 :(得分:247)

/表示当前驱动器的根目录;

./表示当前目录;

../表示当前目录的父级。

答案 1 :(得分:109)

./正在运行的文件所在的文件夹:

因此在/index.htm ./中是根目录
但在/css/style.css ./中是css文件夹。

这一点很重要,因为如果您将CSS从/index.htm移到/css/style.css,路径就会发生变化。

答案 2 :(得分:87)

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

   /   = 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/

答案 3 :(得分:54)

.  = This location
.. = Up a directory

所以,./foo.html只是foo.html。它是可选的,但如果脚本生成了路径(与脚本的相关性,而不是引用的工作方式),则可能具有相关性。

答案 4 :(得分:33)

是的,./表示当前的工作目录。您可以直接按名称引用文件,不带它。

答案 5 :(得分:11)

你可以省略它是对的。它只是为了清晰起见。它存在与不存在之间没有功能差异。

答案 6 :(得分:1)

是的./表示您当前所在的目录。

答案 7 :(得分:1)

. 是当前目录的简写,在 Linux 和 Unix 中用于在当前目录中执行已编译的程序。这就是为什么你很少看到它在 Web 开发中使用的原因,除了像 Google Angular 这样的开源非 Windows 框架,它是由被困在开源平台上的人编写的。

./ 也解析为当前目录,在 Web 中是非典型的,但在某些开源框架中支持作为路径。因为它与 no path 一样解析到当前文件目录,所以它没有被使用。示例:./image.jpg = image.jpg。同样,这是 Unix 操作系统的遗物,出于安全原因,需要像这样的路径解析来运行可执行文件并解析路径。它不是典型的网络路径。这就是为什么这种语法是多余的。

../ 是一个传统的网络路径,向上一个目录

/ 是您网站的根

以下这些路径解析是正确的...

./folder= folder 在 Web 路径解析中始终如此

./file.html = file.html 在 Web 路径解析中始终如此

./ = {no path} 空路径与网络世界中的 ./ 相同

{no path} = / 如果文件在根目录中,则空路径与 Web 根目录相同

./ = / 仅当您位于根文件夹中时

../ = / 仅当您位于 Web 根目录下的一个文件夹时

答案 8 :(得分:0)

关于快速参考列表,具体来说,您可以使用以下内容:

\。\根目录+当前目录(驱动器号)

答案 9 :(得分:0)

关于路径

的简短概述

绝对路径

http://website.com/assets/image.jpg
如果图片不在您的域上-请在此处查找图片


//website.com/assets/image.jpg
使用http或https协议

加载的图像

相对路径

(如果映像位于同一服务器上,则仅供内部使用


image.jpg
图片与调用图片的文档位于同一位置!


./image.jpg
与上面相同,图片与调用图片的文档位于同一位置!


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


assets/image.jpg
这次资产与文档位于同一位置,因此进入资产获取图片


../assets/image.jpg
从文档所在的位置,进入一个文件夹后退 ../并进入assets


../../image.jpg
回到两个文件夹后退,这是我的头像!


../../assets/image.jpg
进入两个文件夹返回 ../../ ,然后进入 assets