在多个页面重复相同的HTML代码(Repeat same HTML code in several

我有一个很艰难的时间来搜索这个，因为我不知道如何调用它。

我会尽力来形容我想这个过程中，并看看是否有任何人都知道这样的编辑器。我有一个网站，在他们重复，例如相同的HTML组件，一个菜单。我可以定义菜单的外观与CSS，但我不能（据我所知）同一块HTML的一个简单的线条添加到每个HTML页面。我要做的，就是复制菜单上的每一个地方。如果我改变了菜单，我需要重新做这一切。我知道这可以通过使用动态服务器，用类似的PHP或JSP可以实现，但我并不需要它是动态的。

我想知道是否有办法做到这一点。我想可能有一个编辑器，在那里我可以编辑使用HTML包括，然后修改后的“编译”的HTMLS产生HTMLS我将我的服务器上取代。

谢谢

Answer 1:

看看服务器端包含 ...创建menu.shtml页面，然后包括它像这样：

<!--#include virtual="/menu.shtml" -->

它由大多数Web服务器开箱即用（包括IIS，Apache和lighttpd的）的支持

Answer 2:

你听说过母版概念

下面的链接会给你一个快速启动

母版页都将作为所有其他页面的框架页。你必须把它写唯一的一个。那就是在这即将到来的每一页，将有包括母版页。就这样！

Answer 3:

你可以使用jQuery做到这一点

假设你有page1.html page2.html等。

要在每个页面的CONTACTINFO的。您可以创建一个名为“info.txt”的文件。你想上哪儿该联系人信息的地方，你把一个div。如本例中所示

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8">
  </head>
  <body>
    <!-- page content -->
    <div id="contact"></div>
  </body>
</html>




<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.2/jquery.min.js"></script>

<script>
$(document).ready(function(){
        $("#contact").load("info.txt");
    ;
});
</script>

无论在“info.txt”你把将于都是你把当场放

Answer 4:

你可以写JS的外部文件的简单一点，然后把它在每个页面动态加载菜单。然后，您可以简单地通过编辑工作JS文件编辑的菜单。所有你需要做的就是包括在HTML和使用的document.getElementById（“菜单”）的innerHTML = menuHTML。其中menuHTML是包含菜单的纯HTML代码中的变量。然后，您可以包括JS文件，并调用它在人体内的onload

文章来源: Repeat same HTML code in several pages