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

Question

我不完全确定如何提出这个问题，所以我在这里或Google上搜索时遇到了困难。

基本上我正在为我正在处理的网站创建50个不同html文件的范围。现在这个网站有一个导航/横幅顶部栏，将出现在每个网页上。我希望创建一个显示在每个页面上的文件（nav_banner.html），而不是在每个网站上复制和粘贴HTML以显示导航和横幅。

我已经无数次使用PHP完成了这项工作，这非常容易。但是，我仅限于为此特定项目使用HTML / CSS，因为它将运行的环境不一定总是可以访问运行PHP的服务器。在2001年，我会使用框架来做到这一点，但我觉得HTML已经发展到可能有更好的方式。

我考虑过＆lt;对象＆gt;或者＆lt; iframe＆gt;但人们抱怨与某些浏览器的兼容性。

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

非常感谢。

Answer 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这样的东西来正确地执行此操作