我正在制作一个使用HTML的网站，我想把一个导航栏在每一个页面上，所以我创建了一个单独的HTML导航，但我不知道如何把它放在每一个页面上。这是我的导航HTML代码的一小部分，我必须做什么，把它放在每一个页面。而且我并不打算使用PHP。
<body>
<div id="nav" class="menu">
<ul>
<li class="active"><a href="#"><i class="fa fa-home" aria-hidden="true"></i>Home</a> </li>
<li> <a href="#"><i class="fa fa-user" aria-hidden="true"></i>Profile</a>
<div class="sub-menu-1">
<ul>
<li><a href="#">Daniel</a></li>
<li><a href="#">Robel</a></li>
<li><a href="#">Yohanes</a></li>
</ul>
</div>
</li>
<li><a href="#"><i class="fa fa-code" aria-hidden="true"></i>Interest</a>
<div class="sub-menu-1">
<ul>
<li><a href="#">Daniel</a></li>
<li><a href="#">Robel</a></li>
<li><a href="#">Yohanes</a></li>
</ul>
</div>
这个帖子可能会有帮助。（有js参与）
但是，object标记可能更容易和简单得多
此外，还存在模板引擎（如果只是想包含，则不推荐）
