HTML 文件中的相对路径

Question

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

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) 吗？

Answer 1

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

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

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

HTML 文件中的相对路径

Relative path in a HTML file

html

css

relative-path