从URL中删除#id(引导程序)

时间:2017-09-02 21:32:07

标签: html url twitter-bootstrap-3

我刚刚在我的网站上创建了bootstrap导航栏,我的网址有问题...... 例如,我有这样的事情:

<div class="navbar-collapse collapse">
  <ul class="nav navbar-nav navbar-right">
    <li>
      <a data-toggle="collapse" data-target=".navbar-collapse" href="#about">
        About
      </a>
    </li>
  </ul>
</div>

我的网站网址如下:“something.html#about” 我想从网址中删除#about。我读过我应该删除?来自此li项的href,并将#about放在数据目标中,但它对我不起作用。解决这个问题的最简单方法是什么?谢谢你的回应。

2 个答案:

答案 0 :(得分:0)

我假设您是HTML的初学者以及网页的工作方式。

HTML元素a(nchor)的href属性定义了超链接。 &#34; #thing&#34;指向HTML网页中的ID。它可以通过特定页面上的JavaScript访问。

在这种情况下,你的href指向当前页面,因为没有引用其他页面(href没有像href =&#34; otherPage.html#about&#34;)。

引导程序框架可能需要它。没有什么问题。拥抱它,它是互联网的一部分以及浏览器的工作方式。

答案 1 :(得分:0)

您可以使用data-target代替href。它将帮助您从浏览器URL中删除#about

所以而不是

href="#about"

使用

data-target="#about"