HTML 中的通用 header

Universal header in HTML

我想使用 HTML/CSS/Javascript 创建一个通用的 header（和页脚），这样如果我将它更新到一个页面，它会自动更新其余页面。我还希望能够选择哪个 link 显示为活动 class。另外，我正在使用 bootstrap。以下是我需要满足的一些条件：

提前谢谢你，

阿尔伯特

可以试试Jekyll，这是一个生成静态页面的工具，也是githup页面处理你自己的个人页面的方式。您只需按照文件结构并在您的文件中设置布局属性，然后您就可以在您的页面中使用通用布局（包括页眉、页脚等）。

这是 Jekyll 的 link。Jekyll

您可以使用jQuery来.load一个HTML文件:

HTML

<div id="header"></div>

jQuery

$('#header').load('static.html');

或者，您可以使用 iframe 加载静态 header。有关可用技术的更多信息，请参阅 this answer。