HTML 文件中的相对路径

Posted 2023-02-25

【中文标题】HTML 文件中的相对路径

【英文标题】：Relative path in a HTML file

【发布时间】：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）吗？

【参考方案1】：

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

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

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

【讨论】：

哦，我正在使用 XAMPP Apache Server，这是否意味着根文件夹是 htdocs（那对我来说有意义）？

那么请检查这个问题：***.com/questions/18902887/…

谢谢，我会继续朝着正确的方向研究！