Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/69.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
重定向到html中导航标记内的外部链接_Html_Nav - Fatal编程技术网

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

重定向到html中导航标记内的外部链接,html,nav,Html,Nav,这可能是一个愚蠢的问题,但我找不到答案(或者我使用了错误的关键字) 我有以下简单的导航结构: <nav> <ul> <li><a href="#" class="icon fa-facebook"><span class="label">Facebook</span></a></li> --> <li><a href="www.twitt

这可能是一个愚蠢的问题,但我找不到答案(或者我使用了错误的关键字)

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

<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=“\u blank”
,但仍然没有效果

你是如何做到这一点的?使用
菜单
而不是
导航


<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://
添加到URL,以告知浏览器您希望导航到URL,而不是当前页面上的锚定点

尝试在链接前面添加:http://以便:

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

若要在新窗口中而不是在您的网站上加载,请使用http://或https://如果链接是外部链接

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

    <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>
    
    
    
    • --
    您在链接的href中忘记了“http://”
     <li><a href="https://www.twitter.com" target="_blank" class="icon fa-twitter"><span class="label">Twitter</span></a></li>
    
    <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>