HTML 文件中的相对路径答案

【问题标题】：Relative path in a HTML fileHTML 文件中的相对路径
【发布时间】：2017-05-03 18:47:49
【问题描述】：

我有以下文件夹结构树（文件夹名用大写字母写）：

ONLINESHOP
    |-- index.html
    |-- COMPONENTS
    |-- CONFIG
    |-- TEMPLATES
        |-- CSS
            |-- main-style.css
    |-- CONTROLLERS
    |-- MODELS
    |-- VIEWS
       ...
       |-- USER
           |-- login.html

所以根文件夹是 OnlineShop。我正在尝试从login.html 联系main-style.css

这行得通：

<link rel="stylesheet" type="text/css" href="/OnlineShop/templates/css/main-style.css">

这不是：

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

我的问题：为什么后面的代码不起作用？ /不是应该把我带到根文件夹（OnlineShop）吗？

【问题讨论】：

标签： html css relative-path

【解决方案1】：

什么是 Web 应用程序根取决于您的服务器配置。

作为替代方案，您可以使用：

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

【讨论】：

哦，我正在使用 XAMPP Apache Server，这是否意味着根文件夹是 htdocs（那对我来说有意义）？
那么请检查这个问题：stackoverflow.com/questions/18902887/…
谢谢，我会继续朝着正确的方向研究！