我创建了一个带有5个链接的html/css导航菜单栏，它可以工作。当我点击每个链接时，相应的页面会显示在当前页面/窗口中，取代显示导航菜单的页面。我需要导航菜单保持在顶部，页面中的内容应该显示在菜单页面的剩余部分。我怎样才能做到这一点？
我找到了一个使用IFrame的选项，并将每个href都指向IFrame。不确定这是否是正确的方法。
菜单页面的html代码如下
<body>
<header>
<ul class = "nav">
<li class = "navlink"> <a href="homepage.html"> Home </a> <li>
<li class = "navlink"> <a href="products.html"> Products </a> <li>
<li class = "navlink"> <a href="orderstatus.html"> Order status </a> <li>
<li class = "navlink"> <a href="support.html"> Customer Support </a> <li>
</ul>
</header>
</body>
您可以通过在HTML中添加target="_blank"来点击新的浏览器，如下所示：
<body>
<header>
<ul class = "nav">
<li class = "navlink"> <a href="homepage.html" target="_blank"> Home </a> <li>
<li class = "navlink"> <a href="products.html" target="_blank"> Products </a> <li>
<li class = "navlink"> <a href="orderstatus.html" target="_blank"> Order status </a> <li>
<li class = "navlink"> <a href="support.html" target="_blank"> Customer Support </a> <li>
</ul>
</header>
</body>如果你想让它们保持在同一个页面上，我建议你尝试一种1页的方法，如果你使用#来针对特定的id，例如：
<body>
<header>
<ul class = "nav" style = "display:flex;list-style:none;position:fixed;top:0;left:0;">
<li class = "navlink"> <a href="#homepage"> Home </a> <li>
<li class = "navlink"> <a href="#products"> Products </a> <li>
<li class = "navlink"> <a href="#orderstatus"> Order status </a> <li>
<li class = "navlink"> <a href="#support"> Customer Support </a> <li>
</ul>
</header>
<section id="homepage">
<h1>homepage</h1>
<h1>homepage</h1>
<h1>homepage</h1>
<h1>homepage</h1>
<h1>homepage</h1>
<h1>homepage</h1>
<h1>homepage</h1>
<h1>homepage</h1>
<h1>homepage</h1>
<h1>homepage</h1>
<h1>homepage</h1>
<h1>homepage</h1>
</section>
<section id="products">
<h1>products</h1>
<h1>products</h1>
<h1>products</h1>
<h1>products</h1>
<h1>products</h1>
<h1>products</h1>
<h1>products</h1>
<h1>products</h1>
<h1>products</h1>
<h1>products</h1>
<h1>products</h1>
<h1>products</h1>
<h1>products</h1>
<h1>products</h1>
</section>
<section id="orderstatus">
<h1>orderstatus</h1>
<h1>orderstatus</h1>
<h1>orderstatus</h1>
<h1>orderstatus</h1>
<h1>orderstatus</h1>
<h1>orderstatus</h1>
<h1>orderstatus</h1>
<h1>orderstatus</h1>
<h1>orderstatus</h1>
<h1>orderstatus</h1>
<h1>orderstatus</h1>
<h1>orderstatus</h1>
<h1>orderstatus</h1>
<h1>orderstatus</h1>
<h1>orderstatus</h1>
<h1>orderstatus</h1>
<h1>orderstatus</h1>
<h1>orderstatus</h1>
</section>
<section id="support">
<h1>support</h1>
<h1>support</h1>
<h1>support</h1>
<h1>support</h1>
<h1>support</h1>
<h1>support</h1>
<h1>support</h1>
<h1>support</h1>
<h1>support</h1>
<h1>support</h1>
<h1>support</h1>
<h1>support</h1>
<h1>support</h1>
<h1>support</h1>
<h1>support</h1>
<h1>support</h1>
<h1>support</h1>
<h1>support</h1>
<h1>support</h1>
<h1>support</h1>
</section>
</body>ReactJS:您可以为导航栏创建组件并将其导出。
PHP:您可以为导航栏创建文件，并将该文件包含在您想要的页面中。
在纯HTML中，您可以通过重写导航代码来做到这一点