编辑“SpeedPHP/CSS和JS的路径”

{{SpeedPHP top}}
本条目讲述在页面模板的开发中，图片、[[CSS]]和[[Javascript]]的文件地址的设置方法。图片、CSS和Javascript文件，我们通常成为“媒体文件”。

通常我们可以有两种媒体文件路径：[[相对路径]]、[[绝对路径]]。

==相对路径==
通常来说，我们使用网页制作工具（如Dreamweaver等）制作出来的页面，图片、CSS和JS文件路径都是相对路径。

相对路径指的是媒体文件相对于浏览器访问的当前目录的路径。比如说：

<nowiki>http://speedphp.com/bbs/forum-6-1.html</nowiki>

这个网址[[浏览器]]的当前访问目录，是

<nowiki>http://speedphp.com/bbs/</nowiki>

如果该[[网页]]上面有这样一张图片：

<img src="images/logo.gif" alt="" />

那么，这张图片就称为“相对路径”，可以认为，通过以下地址就可以访问到这张图片：

<nowiki>http://speedphp.com/bbs/images/logo.gif</nowiki>

===以下都是相对路径的例子===
*<script type="text/javascript" src="js/jquery.js"></script> 
*<link rel="stylesheet" href="css/style.css" type="text/css" media="screen" /> 
*<img src="images/logo.gif" alt="" />
“./”点斜杠是相对路径：（注意是点+斜杠）
*<script type="text/javascript" src="./js/jquery.js"></script> 
*<link rel="stylesheet" href="./css/style.css" type="text/css" media="screen" /> 
*<img src="./images/logo.gif" alt="" />
在模板中使用相对路径：
*不建议在PATH_INFO情况下用相对路径。
*使用URLREWRITE伪静态的[[URL]]的时候，可用相对路径，但注意分隔符“sep”不能使用“/”，只能用“-”和“_”。（推荐）。

==绝对路径==
单斜杠绝对路径指的是媒体文件相对网站根目录的路径。

由于在绝对路径中，媒体文件是相对于网站根目录，所以无论在哪个页面上，用绝对路径都能找到这个媒体文件。

当然，这里同样有个问题，就是如果媒体文件相对根目录的位置有所变化，那么页面上的地址也需要进行调整。

===以下都是绝对路径的例子===
*<script type="text/javascript" src="/js/jquery.js"></script> 
*<link rel="stylesheet" href="/css/style.css" type="text/css" media="screen" /> 
*<img src="/images/logo.gif" alt="" />
把[[域名]]加绝对路径写出来，也是一种绝对路径：
*<script type="text/javascript" src="http://speedphp.com/js/jquery.js"></script> 
*<link rel="stylesheet" href="http://speedphp.com/css/style.css" type="text/css" media="screen" /> 
*<img src="http://speedphp.com/images/logo.gif" alt="" />
在模板中使用绝对路径：
*在PATH_INFO中建议使用绝对路径。
*使用UrlRewrite的情况下，分隔符如果是“/”斜杠，建议使用绝对路径。

==参考来源==
http://speedphp.com/manual.html

{{SpeedPHP}}

[[category:SpeedPHP|C]]