HTML 正文顶部的选项卡栏答案

【问题标题】：Tab Bar at top of HTML bodyHTML 正文顶部的选项卡栏
【发布时间】：2023-04-07 11:47:01
【问题描述】：

例如，在我的 google 帐户中，当我点击他们的 youtube 图标时，它会在浏览器选项卡中打开 youtube。是否允许/可能在 html 正文中将图标作为选项卡栏的选项卡打开，直接在浏览器栏下方，让单击的任何图标的网站代码开始低几行？

【问题讨论】：

你到底在问什么？我似乎无法理解你的问题
看看堆栈溢出如何在顶部有那个水平条？他们可以将您链接到另一个网站并在那里保留他们的单杠吗？
也就是说，您可以单击堆栈溢出的水平条返回而不是重新进入它。
你的意思是，当所有其他页面都是 google/youtube/facebook/etc 时，这个栏就存在？
或者只是在栏中有一个链接可以打开这些网站的另一个标签？

标签： html browser hyperlink tabs icons

【解决方案1】：

在页面顶部有一个导航栏如下：

<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 页面）

【讨论】：