Javascript 多页组合页面路由

我是一名新开发人员，仍在学习。我想做一个关于，联系，和个人项目页面几个不同的页面组合页面。我已经附上我目前的网站地图，我希望创建。为页面创建这些路由的最佳方法是什么

我知道一些HTML、CSS、Javascript和React

---

我会制作一个带有主页的网站，在那里访问者可以看到这个网站的内容。然后是一个导航栏（导航栏），它会粘在页面顶部

我给你举了个例子：
如果愿意，您可以使用并编辑此文件：）

还有一些好的导航条必须具备的东西：

• 导航栏的z索引必须高于页面中的元素，否则导航栏将下降到页面中元素的后面
• 导航栏必须贴在页面的顶部（示例中没有，但您可以自己轻松完成）
• 当你看到你在某物上悬停，例如颜色变化、阴影、比例、不透明度时，这很好

---

感谢您提供下拉列表的链接！我想导航栏没问题。我的问题是，当在导航栏上单击某个内容（例如about）时，我希望页面显示page.com/about，而不是加载到另一个html页面，如page.com/about.html。我必须用类似React路由器的方式来做吗？