HTML href标签添加'#!'片段化

时间:2017-06-28 06:03:36

标签: html angularjs web hyperlink

我希望通过在HTML中使用锚标记来重定向到我的页面的certian片段。

到目前为止,我有

<ul>
    <li><a href="#Links">Links</a></li>
</ul>

作为链接,然后在代码中

<section id = "Links">
    ...
</section>

但是,当我在localhost上测试时单击锚点时,URL变为

http://localhost:5000/#!#Links

而不是

http://localhost:5000/#Links

这是为什么?点击链接后如何从URL中删除shebang?

此外,我的webapp正在使用AngularJS。我不知道这是否相关。

2 个答案:

答案 0 :(得分:0)

使用

<a href="#Links">
  <section ..>
    ...
  </section>
</a>

<ul>
    <li><a href="http://localhost:5000/#Links">Links</a></li> 
</ul>

答案 1 :(得分:0)

解决。那是因为我在使用angularJS。相反,我做了

<ul>
    <li><a href="#Links" target="_self">Links</a></li>
</ul>

<section id = "Links" target="_self">
    ...
</section>