在文件夹内配置 HTML 中的相对路径答案

【问题标题】：Configure Relative path in HTML when inside a folder在文件夹内配置 HTML 中的相对路径
【发布时间】：2013-05-27 06:41:25
【问题描述】：

目前我正在重新设计网站管理员，我需要在标题中包含一些 css 和 js 文件，但我很困惑如何做到这一点，

管理路径是

www.xxx.com/admin/

我想包含在顶层

www.xxx.com/css/style.css

我知道我可以使用完整路径，但我不想像这样硬编码完整路径

<link rel="stylesheet" href="http://www.xxx.com/css/colorbox.css" type="text/css" media="screen" />

所以我正在寻找一个独立于 URL 的解决方案来包含它们。

可能是 ../../ 但不确定这是否有效？有什么想法吗？

【问题讨论】：

<link rel="stylesheet" href="../css/style.css" type="text/css" media="screen" /> 或<link rel="stylesheet" href="/css/colorbox.css" type="text/css" media="screen" />

标签： html path

【解决方案1】：

网址以斜杠开头并使用完整路径：

<link rel="stylesheet" href="/css/colorbox.css" type="text/css" media="screen" />

【讨论】：

【解决方案2】：

在 Unix 系统上，“.”是当前目录，“..”是上一个目录。这意味着对于您的问题，正确的路径是：

../css/style.css

或整行：

<link rel="stylesheet" href="../css/colorbox.css" type="text/css" media="screen" />

【讨论】：

【解决方案3】：

你刚刚回答了你的问题:)

对于相对路径，使用../ 这将向上一个文件夹。例如：放置在www.xxx.com/admin/ 的文件在此位置使用的路径：../css/style.css 结果路径将是：www.xxx.com/css/style.css

我不确定的一件事是，如果此方法与网络的完整地址一起使用，它是否可以正常工作。

我知道这（如我所见）不是您的解决方案，但是当我是 PHP 程序员时，我喜欢使用基于服务器直接路径的完整路径（使用 $_SERVER['DOCUMENT_ROOT']）。这为我节省了很多路径时间，例如将网络从一台服务器移动到另一台服务器，根据我的经验，我可以告诉它在任何项目中都值得实施。

【讨论】：

【解决方案4】：

像这样链接它们

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

【讨论】：