html - 网站链接行为异常

Question

我做了这个网站:http://manojpandey.tk/实现 Bootstrap v.3

在联系人部分，我添加了一些社交按钮。

<ul class="list-inline banner-social-buttons">
    <li>
        <a href="http://twitter.com/manojpandey96" class="btn btn-default btn-lg"><i class="fa fa-twitter fa-fw"></i> <span class="network-name">Twitter</span></a>
    </li>
    <li>
        <a href="http://www.facebook.com/manojpandey1996" class="btn btn-default btn-lg"><i class="fa fa-facebook fa-fw"></i> <span class="network-name">Facebook</span></a>
    </li>
</ul>

他们表现出一些我没有发现的异常行为。当有人直接点击按钮时，会打开一个具有相同 url 的空白网页。在新标签页中打开效果很好。

但是，为什么前者不起作用。任何帮助将不胜感激。

Answer 1

<a class="btn btn-default btn-lg" href="http://twitter.com/manojpandey96" target="_top"><i class="fa fa-twitter fa-fw"></i> <span class="network-name">Twitter</span></a>

适合我。所以只需添加:

target="_top" 

到 a-标签。

您使用框架有什么原因吗？

编辑: 框架导致了问题。如果不添加目标，链接通常会在框架内打开。但是如果你添加 target="_top"，那么它将在整个窗口中加载，忽略框架。 更详细的解释在这里:https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a