如何在新标签页中打开导航链接 - HTML5

Question

我在主页的页头创建了一个导航菜单，并设置了导航链接，但我希望这些链接在新标签页中打开。该如何实现？

<div class="sticky-nav">
    <nav id="menu">
        <ul id="menu-nav">
            <li class="current"><a href="#home-slider">Home</a></li>
            <li><a href="about-us.html">About Us</a></li>
            <li><a href="contact.html">Contact us</a></li>
            <li class="dropdown"><a class="dropdown-toggle" data-toggle="dropdown" href="#">Services <span class="caret"></span></a>
                <ul class="dropdown-menu">
                <li><a href="#">Manicures and Pedicures</a></li>
                <li><a href="#">Hair</a></li>
                <li><a href="#">Make Up</a></li>
                    <li><a href="#">Hair Removal</a></li>
                    <li><a href="#">Skincare</a></li>
                    <li><a href="#">Hamam Maghrabi</a></li>
                </ul>
            </li> 

        </ul>
    </nav>

</div>

- i m Zuber

---

如果您想在新标签页中打开链接，则需要在类或样式中添加 _blank。像这样 <a href="http://www.w3schools.com" target="_blank">访问W3Schools</a> - Leo the lion

请在所有链接中使用target="_blank"。 - Sam1604

我可以尝试，但是不起作用。 - i m Zuber

Answer 1

关于a-target属性的更多信息请参见：W3Schools

使用方式：<a href="#" target="_blank"。

- Berendschot

Answer 2

<div class="sticky-nav">
    <nav id="menu">
        <ul id="menu-nav">
            <li class="current"><a href="#home-slider" target="_blank">Home</a></li>
            <li><a href="about-us.html" target="_blank">About Us</a></li>
            <li><a href="contact.html" target="_blank">Contact us</a></li>
            <li class="dropdown"><a class="dropdown-toggle" target="_blank" data-toggle="dropdown" href="#">Services <span class="caret"></span></a>
                <ul class="dropdown-menu">
                <li><a href="#" target="_blank">Manicures and Pedicures</a></li>
                <li><a href="#" target="_blank">Hair</a></li>
                <li><a href="#" target="_blank">Make Up</a></li>
                    <li><a href="#" target="_blank">Hair Removal</a></li>
                    <li><a href="#" target="_blank">Skincare</a></li>
                    <li><a href="#" target="_blank">Hamam Maghrabi</a></li>
                </ul>
            </li> 

        </ul>
    </nav>

</div>

在所有锚点标签中使用target="_blank"属性。

演示

- Sam1604

---

您可以清除浏览历史并重试。您使用的是哪个浏览器？ - Sam1604

尝试通过按Ctrl + F5（或Mac上的Command + R）刷新页面，这应该清除缓存，尽管我怀疑这不会是问题所在。_blank -target应该可以完美地实现你所要求的功能。 - Pepelius