HTML 中的通用标头答案

【问题标题】：Universal header in HTMLHTML 中的通用标头
【发布时间】：2017-07-29 21:11:37
【问题描述】：

我想使用 HTML/CSS/Javascript 创建一个通用页眉（和页脚），这样如果我将它更新到一个页面，它会自动更新其余页面。我还希望能够选择哪个链接与活动类一起显示。另外，我正在使用引导程序。以下是我需要满足的一些标准：

提前谢谢你，

阿尔伯特

【问题讨论】：

【解决方案1】：

你可以使用jQuery来.load一个HTML文件：

HTML

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

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

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

【讨论】：

【解决方案2】：

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

这是 Jekyll 的链接。Jekyll

【讨论】：