相对路径的使用

• "./"：代表目前所在的目录。
• "../"：代表上一层目录。
• 以"/"开头：代表根目录。

根目录下有Site1和Image/Image.jpg，Site1下有Page1.html文件和Site2文件夹。Site2下有Page2.html和Page2Image.jpg图片文件。

1、文件在当前目录

         Page2.html访问Page2Image.jpg

         <img src=”./Page2Image.jpg”>或者<img src=”Page2Image. jpg”>

   2、文件在上一层目录

              Page1.html访问Image下的Image.jpg

              <img src=”../Image/Image.jpg”>

              Page2.html访问Image下的Image.jpg

              <img src=”../../Image/Image.jpg”>

3、文件在下一层目录

         Page1.html访问Site2文件夹下的Page2Image.jpg

              <img src=” ./Site2/Image.jpg”><img src=” Site2/Image.jpg”>

 4、根目录表示法,任何页面访问Image下的Image.jpg图片

              <img src=”/Image/Image.jpg”>

转载于:https://www.cnblogs.com/xbblogs/p/5718316.html