初次创建web项目 时候的一个基本结构如下:
以下是文件路径的一些通过规则:
- 若引用的目标文件与HTML文件同级,只需直接使用文件名(test-images-1.jpg),如下:
- 要引用子目录中的文件,请在路径前面写上目录名,再加上一个正斜杠(images/test-images-1.jpg)。如下:
- 若引用的目标文件位于HTML文件的上级,需要加上两个点(…/test-images-1.jpg)。如下:
- 以上方法可以随意组合,比如:…/test1/test2/test-images-1.jpg。
备注:Windows的文件系统使用反斜杠而不是正斜杠,例如:C:\Windows。但在HTML中并不重要——即使在Windows系统上进行开发,也应该在代码中使用正斜杠。