HTML href to Youtube 和 Twitter "refuse to connect"

Question

我正在尝试对我的 Twitter 和 Youtube 频道做一个简单的 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]" 属性：

<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

HTML href to Youtube 和 Twitter "refuse to connect"

HTML href to Youtube and Twitter "refuse to connect"

html

href