html中的图片、css、js等路径加载问题

网页文件的存取路径有3种：物理路径、绝对路径和相对路径。

物理路径就是你的文件放在主机上的具体位置，例如：D:\\image\\1.jpg 这种格式，该方法可以很快确定出你的文件，但是在网页显示路径基本很少用。

绝对路径是以网站的根目录（www）作为起始点，某文件在该项目中具体位置信息。比如你的网站放在 /var/www 中，那么 /var/www 就是你的根目录。如果文件 head.jpg 放在该目录的 image 里，那么 head.jpg 的路径信息就是 /image/head.jpg。但是在css和js文件的路径导航中该路径通常无法获得正确的信息。

相对路径就是指当前网页所在的目录为起始点，根据需要一级一级往上找或往下找。

以下为建立路径所使用的几个特殊符号，及其所代表的意义。
　　"." --代表目前所在的目录。
　　".."--代表上一层目录。
　　"/" --代表根目录。

 

如果你的目标文件是 /app/views/home/index.php，在该文件想引用 /public/css/style.css，那么文件的相对路径则是：../../../public/css/style.css 。