运行localhost时Href无法正常工作

时间:2016-04-17 08:47:32

标签: html css

所以我使用 html,php,来设计一个有趣的东西&即时通讯试图让 facebook,twitter,youtube& instagram 链接将打开一个新标签并带您进入该网站。但目前网址是localhost/horizonphotography/www.facebook.com而不是打开新标签,然后转到www.facebook.com

继承我的 HTML

<div class="social">      
    <a href="www.facebook.com" target="_blank">
    <img border="0" alt="Facebook" src="img/facebook.png" width="50" height="50">
    </a>

    <a href="www.twitter.com" target="_blank">
    <img border="0" alt="twitter" src="img/twitter.png" width="50" height="50">
    </a>

    <a href="www.youtube.com" target="_blank">
    <img border="0" alt="youtube" src="img/youtube.png" width="50" height="50">
    </a>

    <a href="www.instagram.com" target="_blank">
    <img border="0" alt="instagram" src="img/instagram.png" width="50" height="50">
    </a>
</div> 

和我的 css &#39;如果&#39;需要。

.social {
    position: fixed;
    bottom: 0;
    right: 7%;
    width: 300px;
}

提前感谢!

3 个答案:

答案 0 :(得分:5)

尝试将http:////等协议用于以下外部链接:

<a href="http://www.facebook.com" target="_blank">
<img border="0" alt="Facebook" src="img/facebook.png" width="50" height="50">
</a>

在SO上看到这个好答案:https://stackoverflow.com/a/8951636/6028607

答案 1 :(得分:1)

您需要指定协议,或将//放在href属性的开头。例如:

http://www.youtube.com

或者

// www.youtube.com

答案 2 :(得分:0)

太棒了,需要按照建议识别协议。现在运作良好!谢谢大家!