构建单个导航菜单，在多个页面中使用它（使用纯 HTML）[关闭]答案

【问题标题】：Building a single navigation menu, using it in multiple pages (Using purely HTML) [closed]构建单个导航菜单，在多个页面中使用它（使用纯 HTML）[关闭]
【发布时间】：2013-06-11 14:20:09
【问题描述】：

我不完全确定如何措辞这个问题，所以我很难在这里或在 Google 上搜索答案。

基本上，我正在为我正在开发的网站创建大约 50 个不同的 html 文件。现在这个网站有一个导航/横幅顶部栏，将出现在每个网页上。我不想在每个网站上复制和粘贴 HTML 以显示导航和横幅，而是创建一个显示在每个页面上的文件 (nav_banner.html)。

我已经用 PHP 做过无数次了，而且非常简单。但是，我仅限于对这个特定项目使用 HTML/CSS，因为它将运行的环境不一定总是可以访问运行 PHP 的服务器。在 2001 年，我会使用框架来做到这一点，但我觉得 HTML 已经发展到可能有更好方法的地步了。

我考虑过

这种情况的最佳解决方案是什么？如果我必须使用 iframe 或对象，哪一个最适合这项工作？

非常感谢。

【问题讨论】：

你可以使用 Javascript..
使用Pelican blog.getpelican.com 等静态网站生成器为您生成 HTML。
如果您有一个允许评论操作的服务器，您可以包含它。如果你只是在本地测试，那是行不通的。
绝对使用静态站点生成器。如果做不到这一点，请使用iframes。不要使用 javascript。

标签： html css iframe scalability

【解决方案1】：

没有严格的 html/css 包含功能。 Gerban Jacobs 使用 Javascript 是对的，您可以将其包含在您的 html 中：

<script>
    document.getElementById('{ID of element}').innerHTML = '{content}';
</script>

其中 content 是您的菜单，element 的 ID 是每个页面上菜单的包含元素。 http://www.quackit.com/javascript/tutorial/innerhtml_in_javascript.cfm

但是，你真的应该使用像 PHP 这样的东西来正确地做到这一点

【讨论】：