Question

这可能是一个愚蠢的问题，但我找不到它的答案（或者我使用错误的关键字）。

我有以下简单的导航结构：

<nav>
    <ul>
        <li><a href="#" class="icon fa-facebook"><span class="label">Facebook</span></a></li> -->
        <li><a href="www.twitter.com" class="icon fa-twitter"><span class="label">Twitter</span></a></li>
    </ul>
</nav>

现在当我点击'twitter'项目时，我没有被重定向到实际的网站，但我只是将“twitter.com”附加到我当前的链接。

这是nav标签的限制吗？

我也尝试使用target="_blank"但仍无效果。

你会如何实现这样的目标？使用menu代替nav？

Answer 1

<nav>
    <ul>
        <li><a href="#" class="icon fa-facebook"><span class="label">Facebook</span></a></li> -->
        <li><a href="http://www.twitter.com" class="icon fa-twitter"><span class="label">Twitter</span></a></li>
    </ul>
</nav>

您需要告诉浏览器使用哪个协议。在这种情况下，您希望将http://或https://添加到网址，以告知浏览器您要导航到网址而不是当前页面上的锚点

Answer 2

尝试在您的链接前添加：http：//，以便您拥有：

 <li><a href="http://www.twitter.com"

这将加载一个新的网站网址，而不是寻找＆＃39; twitter.com＆＃39;在你的域名中。

但是补充说：

target="_blank"

加载新窗口而非网站

Answer 3

如果链接是外部的，请使用http：//或https：//

<li><a href="http://www.twitter.com" target="_blank" class="icon fa-twitter"><span class="label">Twitter</span></a></li>

或

 <li><a href="https://www.twitter.com" target="_blank" class="icon fa-twitter"><span class="label">Twitter</span></a></li>

Answer 4

这很好用：

<nav>
    <ul>
       <li><a href="#" class="icon fa-facebook"><span class="label">Facebook</span></a></li> --&gt;
       <li><a href="http://www.twitter.com" target="_blank" class="icon fa-twitter"><span class="label">Twitter</span></a></li>
    </ul>
</nav>

在html中重定向到导航标记内的外部链接

4 个答案: