这是HTML中绝对路径的正确方法吗?

时间:2013-07-25 20:29:55

标签: html css web

我刚刚完成了我网站的IA(信息架构)工作。根据我的IA,我在我的根目录中创建了我的根文件夹和我的文件夹和文件。这是如何绘制出来的。我的根文件夹名为“root”,在我的根文件夹中,我有一个“index.php”和一个“style.css”文件。我的根文件夹中有三个来自“docs”“images”和“nav”的其他导演。在导航栏中,我有一些文件可以编码导航栏上的所有链接。

                                    Root
                        /     |      |       |       \
                     docs  images   nav   index.php  style.css      
                                     |
        About Reports Documents Checklists LicenseTools Presentations SWRelease

我打算在索引页面上创建我的模板,并在我创建的每个页面中使用相同的模板。因为我将添加我的行,让我们说关于页面。 style.css文件和About.php文件不在同一个文件夹中,所以如何将它们链接起来呢?或者我的代码是否会自动尝试找到它,无论它在根文件夹中的哪个位置?

3 个答案:

答案 0 :(得分:2)

就个人而言,我会将所有文件保存在根目录的nav目录中,但这是我自己的偏好。这是您需要输入的内容:

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

请注意/style.css中的前导斜杠。这表示引用是绝对,即相对于您网站的根目录。这适用于您站点上的任何HTML或PHP文件 - 无论它位于文件层次结构中的哪个位置。

答案 1 :(得分:2)

没有什么能阻止你在&lt; link&gt;中使用绝对路径标记'href属性,并从文档根解析此类路径。因此

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

将正确解析为样式表文件,无论&lt; link&gt;所在的页面如何标签出现。

答案 2 :(得分:1)

每条评论更新:

最好的方法是Aaron Miller回答:

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

这将解析在根目录中加载style.css

但是,如果要为站点加载单个样式表(或一组静态样式表),我建议始终从静态模板中调用样式表。在可能的情况下,最好避免重复代码。

因此,在您的情况下,如果<head>中的项目永远不会改变,那么将所有这些项目包含在header.php文件中是个不错的主意。这样,如果您必须向<head>添加任何内容(例如添加第二个样式表),则只需更改一个文件中的代码,而不是每个模板。

您可以使用PHP的require_once包含头文件,例如:

<?php require_once 'path/to/header.php'; ?>