我的 <a href=""></a> 不工作？

Question

我在网上得到了这个模板，我正在用它制作一个作品集。页面右下角有 twitter/facebook/linkedin 个图标，我正尝试将其 link 添加到我的帐户。最初 href 设置为“#”，现在当我尝试将其设置为任何内容时，它不起作用。当我点击图标时，它没有任何反应。

<footer>
    <ul class="icons">
       <li><a href="www.twitter.com" class="icon fa-twitter"><span class="label">Twitter</span></a></li>
        <li><a href="#" class="icon fa-facebook"><span class="label">Facebook</span></a></li>
        <li><a href="#" class="icon fa-instagram"><span class="label">Instagram</span></a></li>
        <li><a href="#" class="icon fa-github"><span class="label">Github</span></a></li>
        <li><a href="#" class="icon fa-envelope"><span class="label">Email</span></a></li>
    </ul>
</footer>

Answer 1

<footer>
    <ul class="icons">
       <li><a href="https://twitter.com" class="icon fa-twitter"><span class="label">Twitter</span></a></li>
        <li><a href="https://facebook.com" class="icon fa-facebook"><span class="label">Facebook</span></a></li>
        <li><a href="https://instagram.com" class="icon fa-instagram"><span class="label">Instagram</span></a></li>
        <li><a href="https://github.com" class="icon fa-github"><span class="label">Github</span></a></li>
        <li><a href="mailto:YOUR_EMAIL_ADDR" class="icon fa-envelope"><span class="label">Email</span></a></li>
    </ul>
</footer>

试试这个。

Answer 2

我的猜测是您正在本地处理此问题并尝试从您的本地驱动器提供服务 www.twitter.com。

首先，在 URL link 前加上 //。所以 Twitter link 将变成 //www.twitter.com。这将使用您当前使用的任何协议（http 或 https）。

为了 URL 工作，您可能还需要从 http 服务器提供它。那里有很多选择。如果您在 Mac 上，一种简单的方法是在终端中导航到文件所在的目录，然后键入：

python -m SimpleHTTPServer

这将启动一个简单的 HTTP 服务器，您的 link 将会工作。

<footer>
  <ul class="icons">
    <li><a href="//www.twitter.com" class="icon fa-twitter"><span class="label">Twitter</span></a></li>
    <li><a href="#" class="icon fa-facebook"><span class="label">Facebook</span></a></li>
    <li><a href="#" class="icon fa-instagram"><span class="label">Instagram</span></a></li>
    <li><a href="#" class="icon fa-github"><span class="label">Github</span></a></li>
    <li><a href="#" class="icon fa-envelope"><span class="label">Email</span></a></li>
  </ul>
</footer>

我的 <a href=""></a> 不工作？

My <a href=""></a> isn't working?

html

href