目前的做法是构建一个单页应用程序，其中所有内容都在单个页面加载中检索，并且使用散列位置模拟“页面”。因此，您切换出主内容，而不必访问服务器重新加载静态内容，如菜单，侧边栏和页脚。所有新的JavaScript框架（Angular，React等）都使用这种方法。

标准是，使用template engine。
PHP也有很多例子。

就像alex在中说的，使用带有部分代码的模板引擎。ejs模板引擎示例
header.ejs

<nav class=\"nav\"> 
   <a class=\"nav-link\" href=\"/\">Home</a> 
   <a class=\"nav-link\" href=\"/about\">About</a> 
   <a class=\"nav-link\" href=\"/contact\">Contact</a> 
</nav>

字符串
footer.ejs

<footer class=\"footer\"> 
    <p class=\"text-center\">© 2020 abc media. All rights reserved</p> 
</footer>

型
主文件可以包含

<%- include('partials/header') %> 
<%- include('partials/footer') %>

型