2014-04-29 42 views
1

我做这个网站:http://manojpandey.tk/实施引导第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> 

他们显示了一些我不明白的异常行为。当有人直接点击按钮时,会打开一个具有相同网址的空白网页。在新标签中打开确实不错。

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

回答

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" 

to a-Tags。

你有使用框架的原因吗?

编辑: 帧是造成问题的原因。如果不添加目标,链接通常会在框架内打开。但是如果你添加target =“_ top”,那么它将被加载到整个窗口中,忽略帧。 更详细的解释在这里:https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a

+0

初学者在html/css。不知道多少东西:P –

+0

谢谢你这么多@bluelDe –

+0

多一个帮助:如何熟悉HTML/CSS作为初学者? –