HTML doc中的文件路径未找到CSS文件

时间:2014-08-13 02:32:02

标签: html css

我遇到了位于文件夹(在根目录中)的HTML文档无法引用位于另一个文件夹(位于同一根目录中)的CSS文件的问题。同样的问题也适用于Windows中的文件浏览器,无论我做什么,虽然IE的变化似乎显示成功!

我使用了#34; /"到" ../../"以及介于两者之间的一切,但似乎没有任何作用!使用" ..//"图像在HTML文档中显示正常。但是正在访问CSS或JS文件夹。

文件结构如下:

*********
ROOT DIR
*********
/CSS/style.css
/SERV/serv.html
index.html

当引用serv.html中的文件夹时,我应该使用哪个文件路径,如果我已经使用它,WTH正在进行中?

守则:

<head>
<title>blah </title>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<meta name="description" content="" />
<meta name="keywords" content="" />
<!--[if lte IE 8]><script src="../js/html5shiv.js"></script><link rel="stylesheet"  href="../css/ie8.css" /><![endif]-->
<script src="../js/jquery.min.js"></script>
<script src="../js/config.js"></script>
<noscript>
    <link rel="stylesheet" href="../css/skel-noscript.css" />
    <link rel="stylesheet" href="../css/style.css" />
    <link rel="stylesheet" href="../css/style-desktop.css" />
</noscript>
</head>

在此先感谢,我花了几个小时搜索网络,甚至更长时间尝试不同的文件路径。

1 个答案:

答案 0 :(得分:0)

style.css的{​​{1}}路径:

index.html

"CSS/style.css" 的{​​{1}}路径:

style.css

如果您的根目录中有另一个名为serve.html的文件夹,则以相同的方式访问它,但显然会替换名称。这应该清除路径的工作原理。

链接应始终放在html文件的头部:

"../CSS/style.css"

JS标记内的链接用于禁用了脚本的浏览器。根据{{​​3}},在<html> <head> <title></title> <link/> <link/> <script></script> </head> <body> <p></p> </body> </html> 部分中加入noscript个标记时,您还必须添加noscriptheadlink个元素。