Html 导航菜单,每个页面有单独的链接

Html 导航菜单,每个页面有单独的链接,html,Html,我已经创建了一个带有5个链接的html/css导航菜单栏,它可以正常工作。当我单击每个链接时,相应的页面将显示在当前页面/窗口中,取代显示导航菜单的页面。我需要导航菜单停留在顶部,页面的内容应该显示在菜单页面的其余部分。我怎样才能做到这一点 我找到了一个使用IFrame并将每个href指向IFrame的选项。 不确定这是否是正确的方法 菜单页面的html代码如下所示 <body> <header> <ul class = "nav">

我已经创建了一个带有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=“\u blank”
来点击进入新浏览器,如下所示:


ReactJS: 您可以为导航栏创建组件并将其导出

PHP: 您可以为navbar创建文件,并将此文件包含在所需的页面中


在纯HTML中,您可以通过重写导航代码来实现这一点

我需要单个HTML页面保持在显示的导航菜单下的同一菜单页面上。“#”解决方案不起作用,因为单个页面很复杂,需要分离html文件对不起,但不理解第三部分“在纯html中,您可以通过重写导航代码来实现”对不起,这只是html