Youtube 和 Twitter 的 HTML href "refuse to connect"

Question

我正在尝试对我的 Twitter 和 Youtube channel 做一个简单的 href，但两者都显示“twitter.com 拒绝连接”或“youtube.com 拒绝连接”。我不确定问题出在哪里，我尝试过其他网站，但一直收到“{site} 拒绝连接”。我也尝试过使用没有类的简单 href，结果相同。这是代码。

<ul class="social-buttons">
                    <li>
                        <a href="http://twitter.com/TylerFlar" class="btn btn-just-icon btn-simple btn-twitter">
                            <i class="fa fa-twitter"></i>
                        </a>
                    </li>
                    <li>
                        <a href="https://www.youtube.com/channel/UCcvcqbRiPopzRCTSmm_Oi4g" class="btn btn-just-icon btn-simple btn-youtube">
                            <i class="fa fa-youtube-play"></i>
                        </a>
                    </li>
                </ul>

我正在使用 Xammp Apache 来运行我的网站，也许 hrefs 有问题？

Answer 1

将 target="_[whatever]" 属性添加到 anchor 元素:

<ul class="social-buttons">
  <li>
    <a href="http://twitter.com/TylerFlar" class="btn btn-just-icon btn-simple btn-twitter" target="_blank">
      Twitter
    </a>
  </li>
  <li>
    <a href="https://www.youtube.com/channel/UCcvcqbRiPopzRCTSmm_Oi4g" class="btn btn-just-icon btn-simple btn-youtube" target="_blank">
      Youtube
    </a>
  </li>
</ul>

Working CodePen