HTML文件中的相对路径

时间:2016-12-18 16:22:00

标签: html css path relative

我有以下文件夹结构树(文件夹名称以大写字母书写):

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

所以根文件夹是OnlineShop。我想从main-style.css

到达login.html

这有效:

<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">

我的问题:为什么以后的代码不起作用? Isn&#t; t /应该把我带到根文件夹(OnlineShop)?

1 个答案:

答案 0 :(得分:1)

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

作为替代方案,您可以使用:

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