子目录的URL问题

时间:2014-08-26 07:46:39

标签: html css resolveurl

我正在创建一个服务器端包含的网站,并且有多个目录。 例如,在 head.html (它是一个包含)中,我将样式表指向 href =" css / style.css" 它在主页上运行良好。但是当我试图在事件(文件夹/子目录)中运行页面时,它没有采用样式表。任何人都可以解决这个问题。

它是一个纯HTML静态网站,我们可以使用像clientResolveUrl这样的东西吗?

3 个答案:

答案 0 :(得分:1)

如果您在\wamp\www\sitename内创建项目文件夹并使用

包含css
<link rel="stylesheet" type="text/css" href="/css/style.css" />

它会定位根文件夹,在你的情况下是www,而不是sitename,所以你应该像这样写

<link rel="stylesheet" type="text/css" href="/sitename/css/style.css" />

但是,您应该使用Virtual Host,这样您就可以像实际网站中的第一个一样编写它,forum解释如何以及为什么您应该更好使用Virtual Host

答案 1 :(得分:0)

我建议您使用浏览器的网络工具来检查该CSS文件的路径(或者只是阅读浏览器上的源代码)。然后,您可能会注意到相对路径中是否缺少子目录或父目录。

然后您可能需要进行更改以使其成为

<link rel="stylesheet" type="text/css" href="event/css/style.css" />

<link rel="stylesheet" type="text/css" href="../css/style.css" />

取决于文件和目录的实际结构。

答案 2 :(得分:0)

我认为<base>标记在这种情况下可以提供帮助。

  

定义和用法

     

标记指定文档中所有相对URL的基本URL /目标。

     

文档中最多只能有一个元素,而且必须   在元素内。

http://www.w3schools.com/tags/tag_base.asp