HTML アプリの 1 つを開発しているときに、メインの 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>
content-top.html
<div id="content-top">
<Module src="ct-list.html">
...........
</div>
ct-list.html
<div id="ct-list">
...........
</div>
content-bottom.html
<div id="content-bottom">
............
</div>