Question

在开发我的一个html应用程序时，我的主要html文件的篇幅很长。有没有办法在单独的模块中拆分我的代码并将它们合并到我的主html页面中。请不要建议iframe。我不想将它作为单独的页面（使用另一个HTML和Body标签）。

我的设计是这样的。

当前

的index.html

<html>
    <body>
       <div id="sidebar">
          ..........
       </div>

       <div id="content-top">
         <div id="ct-list">
            ...........
         </div>
            ...........
       </div>

       <div id="content-bottom">
            ............
       </div>
    </body>
</html>

我的期待

的的index.html 的

<html>
    <body>
        <Module src="sidebar.html">
        <Module src="content-top.html">
        <Module src="content-bottom.html">     
    </body>
</html>

的 sidebar.html 的

<div id="sidebar">
    ..........
</div>

内容-的top.html 的

<div id="content-top">
    <Module src="ct-list.html"> 
    ...........
</div>

的 CT-list.html 的

<div id="ct-list">
    ...........
</div>

内容-的bottom.html 的

<div id="content-bottom">
    ............
</div>

Answer 1

有几个选项可以做到这一点，帧是除了HTML / CSS之外不需要你学习的东西

第二个选项虽然很多人会嘲笑它会是.shtml，它是一个简单的服务器端系统，可以完全按照你想要的方式完成，而不需要学习HTML / CSS之外的东西 

有许多选项，PHP，asp.net，Ruby，Python等等，但是所有这些选项都带有学习曲线，如果你只是打算制作这个页面而且可能都不值得

Answer 2

我不知道在html本身中真正流行的工具。可能你应该在服务器端使用一些简单的脚本将它们组合在一起。或者您可以使用JavaScript和Ajax。

HTML模块加载

2 个答案: