HTML正文顶部的标签栏

时间:2016-09-08 22:09:35

标签: html browser hyperlink tabs icons

在我的Google帐户中,例如,当我点击他们的YouTube图标时,它会在浏览器标签中打开youtube。是否允许/可以在html正文中的标签栏的标签处打开图标,直接在浏览器栏下方,点击任何图标的网站代码开始几行?

1 个答案:

答案 0 :(得分:0)

页面顶部有一个导航栏,如下所示:

<nav class="navbar navbar-static-top navbar-dark bg-inverse">
    <a class="navbar-brand" href="#">My Awesome NavBar</a>
</nav>

如果您打算在浏览器的新标签页中打开其他页面的链接,则target元素会有一个名为<a>的属性,如果您为其指定值_blank在新标签页中打开链接

所以你的导航栏应该是这样的:

<nav class="navbar navbar-static-top navbar-dark bg-inverse">
    <a class="navbar-brand" href="#">My Awesome NavBar</a>
    <ul>
        <li>
            <a href="youtube.com" target="_blank">Youtube</a>
            <a href="google.com" target="_blank">Google</a>
            <a href="facebook.com" target="_blank">Facebook</a>
        </li>
    </ul>
</nav>

希望能回答你的问题,如果没有,请告诉我:)。

编辑:

如果您尝试在网站中显示这些网站,并保留上面显示的条形图,您可能需要查看iframe documentation,其中基本上是您的另一个文档(html页面)