文件路径的一些通用规则:

    • 若引用的目标文件与 HTML 文件同级,只需直接使用文件名,比如 my-image.jpg
    • 要引用子目录中的文件,要在路径前写下目录名并加一个斜杠,比如 subdirectory/my-image.jpg
    • 若引用的目标文件位于 HTML 文件的上级,需要加上两个点。比如,如果 index.htmltest-site 下面的一个子目录而 my-image.pngtest-site 目录,你可以在 index.html 里使用 ../my-image.png 引用 my-image.png
    • 以上方法可以随意组合,比如 ../subdirectory/another-subdirectory/my-image.png

    注:Windows 文件系统使用反斜杠而不是正斜杠,比如 C:\windows 。但与 HTML 没什么关系,即使在 Windows 上做 Web 开发,代码中仍应使用正斜杠。所以如果直接从文件系统中复制路径一定要注意斜杠哦!