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

时间:2023-12-04 17:00:38

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

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

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

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

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

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

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