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>

Answer 1

有关a-target属性的更多信息，请访问：W3Schools

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

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>

在所有锚标记中使用目标=＆＃34; _blank＆＃34;

DEMO

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

2 个答案: