html - 构建单个导航菜单，在多个页面中使用它（使用纯 HTML）

Question

我不完全确定如何措辞这个问题，所以我很难在这里或在谷歌上搜索回复。

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

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

我考虑过 <object> 或 <iframe> 但人们抱怨与某些浏览器中的兼容性。

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

非常感谢。

score 1 · Accepted Answer

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

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

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

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

1 回答 1