请选择 进入手机版 | 继续访问电脑版

SpeedPHP框架

 找回密码
 注册成为新用户

QQ登录

只需一步,快速开始

查看: 10951|回复: 0

[模板引擎] 模板中CSS和JS的路径

[复制链接]
发表于 2012-8-4 15:15:13 | 显示全部楼层 |阅读模式
本章讲述在页面模板的开发中,图片、CSS和Javascript的文件地址的设置方法。

图片、CSS和Javascript文件,我们通常成为“媒体文件”。
通常我们可以有两种媒体文件路径:相对路径、绝对路径。


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

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

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

这个网址浏览器的当前访问目录,是

http://speedphp.com/bbs/

如果该网页上面有这样一张图片:

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

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

http://speedphp.com/bbs/images/logo.gif

以下都是相对路径的例子:

<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的情况下,分隔符如果是“/”斜杠,建议使用绝对路径。



您需要登录后才可以回帖 登录 | 注册成为新用户

本版积分规则

手机浏览|简版|中文PHP框架|开源协议|SpeedPHP.com ( 粤ICP备08008671号

GMT+8, 2020-8-8 19:38

Powered by Discuz! X3.2

© 2001-2013 Comsenz Inc.

快速回复 返回顶部 返回列表