0

在开发我的一个 html 应用程序时,我的主 html 文件变长了。有没有办法将我的代码拆分为单独的模块并将它们合并到我的主 html 页面中。请不要建议 iframe。我不想让它成为单独的页面(带有另一个 HTML 和 Body 标签)。

我的设计是这样的。

当前的:

索引.html

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

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

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

我期待什么

索引.html

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

边栏.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>
4

2 回答 2

3

There's a few options to do this, frames is one which doesn't require you learn anything in addition to HTML/CSS

第二种选择虽然很多人会嘲笑它是 .shtml,但它是一个简单的服务器端系统,可以完全按照您的意愿行事,而无需学习 HTML/CSS 之外的其他内容 <!--#include file="sidebar.shtml"-->

有很多选项,PHP、asp.net、Ruby、Python 等,但是所有这些选项都有一个学习曲线,如果你只打算制作这个页面,这可能不值得,仅此而已

于 2012-08-21T06:48:57.223 回答
0

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

于 2012-08-21T06:51:04.453 回答