绝对路径&相对路径

相对路径&绝对路径

1、相对路径就是相对于当前文件的路径。相对路径使用“/”字符作为目录的分隔字符。

2、绝对路径是指文件在硬盘上真正存在的路径。类似于E:\book\网页布局\代码\第2章\bg.jpg。绝对路径可以使用“\”或“/”字符作为目录的分隔字符。

相对路径

大部分工程实践中使用的是相对路径

在 相对路径里
“./”：代表目前所在的目录。
“…/”：代表上一层目录。
以”/”开头：代表根目录。

1、文件在当前目录

“Page2.html” 文件里引用了“Page2Image.jpg”图片，由于“Page2Image.jpg”图片相对于“Page2.html”来说，是在同一个目录的，那么在“Page2.html文件里使用以下代 码后，就能正确地显示图片。

 Page2.html访问Page2Image.jpg

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

2、文件在上一层目录
“Page1.html”文件的上一层是 “Site1” ，而 “Site1”和 “Image” 是同一目录下的，所以 Page1.html访问Image下的Image.jpg可以用下的表示。

      Page1.html访问Image下的Image.jpg

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

“Page2.html”文件的上一层是 “Site2”，再上一层是“Site1” ，而 “Site1”和 “Image” 是同一目录下的，所以 Page2.html访问Image下的Image.jpg可以用下的表示。

      Page2.html访问Image下的Image.jpg

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

3、文件在下一层目录
“Page1.html”文件和 “Site2” 是同一目录下的，所以 Page1.html访问Site2文件夹下的Page2Image.jpg可以用下的表示。

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

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

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

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