文件路径的一些通用规则:
- 若引用的目标文件与 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 开发,代码中仍应使用正斜杠/。