Question

我在网上得到了这个模板，我正在使用它制作一个投资组合。页面右下方有twitter / facebook / linkedin图标，我正在尝试链接到我的帐户。最初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

＆＃13;

<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>

＆＃13;

试试这个。

Answer 2

我的猜测是你在本地工作，并试图从你当地的驱动器中提供www.twitter.com。

首先，在您的网址链接前加上//。因此，Twitter链接将变为//www.twitter.com。这将使用您当前使用的任何协议（http或https）。

您可能还需要从http服务器提供服务才能使URL正常工作。那里有很多选择。一个简单的方法，如果你在Mac上是在终端导航到文件所在的目录，然后输入：

python -m SimpleHTTPServer

这将启动一个简单的HTTP服务器，您的链接将起作用。

<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>无效？

2 个答案: