在Web开发中，实现多个页面使用同一个头部和底部
在Web开发中，实现多个页面共用同一头部和底部有多种方法。其中一种常见方式是使用JavaScript动态加载，通过`load()`函数或`fetch` API获取头部和底部文件，适用于无需服务器支持的静态页面。正文示例在每个页面放置`header`、`content`、`footer`三个容器，并在`DOMContentLoaded`事件中用`fetch`请求`header.html`和`footer.html`，将其内容填入对应`div`中。该方法可减少重复代码，便于统一维护页面公共部分。