文件路径的一些通用规则:
- 若引用的目标文件与 HTML 文件同级,只需直接使用文件名,比如
my-image.jpg
。 - 要引用子目录中的文件,要在路径前写下目录名并加一个斜杠,比如
subdirectory/my-image.jpg
。 - 若引用的目标文件位于 HTML 文件的上级,需要加上两个点。比如,如果
index.html
在test-site
下面的一个子目录而my-image.png
在test-site
目录,你可以在index.html
里使用../my-image.png
引用my-image.png
。 - 以上方法可以随意组合,比如
../subdirectory/another-subdirectory/my-image.png
。
注:Windows 文件系统使用反斜杠而不是正斜杠,比如
C:\windows
。但与 HTML 没什么关系,即使在 Windows 上做 Web 开发,代码中仍应使用正斜杠。所以如果直接从文件系统中复制路径一定要注意斜杠哦!