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

Sim*_*Suh 201 html javascript path

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

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

Sou*_*abh 265

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

./ 表示当前目录;

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

  • ./index.html与index.html有何不同? (2认同)
  • 我有一段来自模板的代码,它包含“././”,这是什么意思? (2认同)

Coo*_*mie 115

./工作文件所在的文件夹:

所以在/index.htm ./根目录中,
但是在/css/style.css ./css文件夹中.

这一点很重要,因为如果你将CSS移动/index.htm/css/style.css路径会发生变化.

  • 这是如何回答这个问题的?显然,Simon Suh明白./指的是引用文件所在的位置.问题的主要部分是:"为什么要使用它,是否有必要?".我更喜欢使用"./file"而不是"file"语法的唯一理由是./表示当前文件夹,仅表示当前文件夹.因此,如果有某种工具/编译器/等搜索文件,那么'./file'将仅搜索当前文件夹,而'file'将搜索工具配置为搜索的任何位置(例如root,当前文件夹)等) (38认同)
  • 那么`./ abc.htm`和'abc.htm`之间的区别是什么? (9认同)
  • @Teemoh他们在JS,HTML和CSS中都是一样的."./"是一种旧的编程惯例,延续到这些较新的语言中.在其他情况下,他们可能意味着不同的事情.例如.如果在OS中设置了"path",则abc.exe可能是文件而./abc.exe可能不是. (9认同)

Gib*_*boK 105

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

   /   = Root directory
   .   = This location
   ..  = Up a directory
   ./  = Current directory
   ../ = Parent of current directory
   ../../ = Two directories backwards
Run Code Online (Sandbox Code Playgroud)

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

  • "这个位置"和"当前目录"有什么区别?谢谢. (13认同)
  • @WebBrother,事实证明./仅在非严格doctype模式下有效,而。。在两种模式下都可以使用,这是一个链接/sf/ask/20781141/ (2认同)

Bra*_*tie 55

.  = This location
.. = Up a directory
Run Code Online (Sandbox Code Playgroud)

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


Bra*_*rad 35

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


Rok*_*jan 15

关于路径的快速小回顾

绝对路径

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


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


相对路径

(供内部使用,如果图像在同一台服务器上)


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


./image.jpg
同上, image和调用image的文档在同一个地方!


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


assets/image.jpg
这次资产与文档在同一位置,因此进入图像的资产


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


../../image.jpg
2个,还有我的形象!


../../assets/image.jpg
2个 ../../ ,比进入 assets

  • @Mark如果我的问题正确,你需要“返回(无限次)直到root,然后输入`images`。请参阅相对路径和第三个示例`/images/image.jpg` (2认同)

Gen*_* S. 11

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

  • "这只是为了清晰起见.或者在OP的情况下混淆 - 和我的混淆.:) (15认同)
  • @ MaXi32 - 在你的例子中,`<script src ="js/main.js"> </ script>`将加载HTML5中的文件以及`./js/main.js` (2认同)