相对链接不起作用

时间:2016-07-13 18:10:27

标签: html css twitter-bootstrap

我正在处理一个项目,而且我正在使用bootstrap。我正在配置导航栏。这是导航栏中一个项目的代码。

<li class="active"><a href="/aboutus.html"><span class="glyphicon glyphicon-info-sign" aria-hidden="true"></span> About</a></li>

当我加载index.html而不是将其指向&#39; C:/ Users /.../ about.html &#39;它指向&#39; file:/// C:/aboutus.html &#39;。显然,我在这里收到错误404.

现在我将代码更改为:

<li class="active"><a href="../project/aboutus.html"><span class="glyphicon glyphicon-info-sign" aria-hidden="true"></span> About</a></li>

它现在指向正确的位置,我可以访问该页面。

发生了什么事?

编辑:是的,我在本地运行它。这里和文件系统的其余部分也会发生同样的情况。文件树是:

../project/aboutus.html
../project/index.html
../project/css/<contains standard bootstrap files>
../project/fonts/<contains standard bootstrap files>
../project/js/<contains standard bootstrap files>

Edit2:如果我只是在相对路径之前添加一个点,它也能正常工作。像这样:

<li class="active"><a href="./aboutus.html"><span class="glyphicon glyphicon-info-sign" aria-hidden="true"></span> About</a></li>

1 个答案:

答案 0 :(得分:0)

以&#34; /&#34开头的链接;是绝对的道路。在你的情况下,你应该删除它。 试试:

    <column name="created_date" type="timestamp" defaultValueDate="${now}">
        <constraints nullable="false"/>
    </column>