我经常对href属性,链接标记和基本标记感到困惑。我不确定如何正确链接CSS文件,以便可以将文件移动到子文件夹中并仍然可以工作(稍后的示例),所以我继续了解指定位置时href的工作原理。
据我所知,我正在使用我的localhost,所以我有一个主htdocs
文件夹,在里面,我有多个文件夹,每个文件夹都用于我正在处理的项目。最终看起来像这样:
localhost/index.php (which redirects to localhost/home/index.php)
localhost/home/
localhost/zune/
localhost/school/
localhost/aeac/
通常文件夹的布局将是这样的:
localhost/aeac/images/
localhost/aeac/stylesheets/
localhost/aeac/scripts/
继续,假设我有文件localhost/aeac/test/index.html
,其中有4个链接用于测试。我发现了
<a href="/"> will link to "localhost/"
<a href="./"> will link to "localhost/aeac/test/" (the directory the file is in.)
<a href="../"> will link to "localhost/aeac/" (the directory above the file.)
<a href="about.html">will link to "localhost/aeac/test/about.html" (the directory the file is in.)
现在我了解了href,我需要了解如何正确链接CSS。
想象一下,该网站的目录如下所示:
localhost/aeac/
localhost/aeac/images/
localhost/aeac/stylesheets/
localhost/aeac/scripts/
并在我/aeac/
文件夹中index.html
。该文件的链接标记如下所示:
<link rel="stylesheet" href="stylesheets/main.css" />
所以这很好,主要是网站的结构/主题,并包含在每个文件中。当我必须创建一个子文件夹时,会出现问题。现在我们有一个localhost/aeac/users/*username*/index.html
。该网站仍然使用main.css,但该链接不再起作用,因为那里没有stylesheets
文件夹。
这就是我陷入困境的地方,我想我应该使用基本标签来解决我的问题,但我仍然对如何编写它感到困惑。另外,我知道我可以更改用户文件夹中所有文件的链接标记,但我想知道如何这样做(如果可能的话)。
答案 0 :(得分:2)
通过您发现的关于href的内容,只需将有关导航的知识与最终方法结合起来:
所以如果你有这个:
本地主机/ aeac /
本地主机/ aeac /图像/
本地主机/ aeac /样式表/
本地主机/ aeac /脚本/
本地主机/ aeac /用户/
你在localhost / aeac / users / index.html 你只需要进入一个目录(../进入aeac),然后导航:
../样式表/ style.css中
希望这有帮助
答案 1 :(得分:1)
使用/作为基础
,您可以拥有样式表的绝对路径 <link rel="stylesheet" href="/aeac/stylesheets/main.css" />
答案 2 :(得分:1)
我相信你想要这个:
<link rel="stylesheet" href="/aeac/stylesheets/main.css" />
这从/
开始,因此它始终从根目录开始,无论页面位于何处(即/aeac/index.html
或/aeac/users/foo/index.html
)。现在,如果您可以控制index.html
(您可能会这样做)的每个副本中的标记,您也可以使用..
向上导航到../../stylesheets/main.css
,但是从根导航是可能更简单。
答案 3 :(得分:1)
您可以使用: /stylesheet/main.css
或../../ stylesheet / main.css
无论“user”文件夹的名称是什么,.. / ..将始终返回2个文件夹:
/aeac/users/user1/index.html /aeac/users/user2/index.html
../../ stylesheet将始终到达/ aeac / stylesheet