html - HTMLファイル内にHTMLファイルをインポートするにはどうすればよいですか？

Question

HTMLファイル内にHTMLファイルをインポートするにはどうすればよいですか？header.htmlファイルとfooter.htmlファイルを別々に準備し、それらを含めたいすべてのファイルをHTMLファイルにインポートします。

編集：私はSSI技術に基づいたその解決策を見ます。UbuntuとTomcat7.0.11を使用しています。TomcatでSSIを有効にするにはどうすればよいですか？

Answer 1

この問題には多くの解決策があります。単純なJavaScriptコードを記述して、読み込み時にページの一部を含めることができます。また、WebサーバーでSSIを有効にし、最後に、サーバー側の言語を使用して、出力用に任意のページのチャンクを動的に含めることができます。あなたの選択はあなたのウェブサイトがどれほど動的であるかに依存します。

Answer 2

フレームまたはiframeを使用してhtmlファイルを含めることができます。PHPやASPなどのサーバー側言語を使用している場合は、includesを使用してフレームなしでこれを行うことができます。

Answer 3

HTMLを厳密に使用したい場合（そしてJSも使用していると仮定した場合）、次のようにします。

あなたは<div>ヘッダーのために持つことができます、私はそれを呼びます<div id="header">。jQueryを使用すると、次のように言うことができます$('#header').load(---html file---);。すべてのページにJSファイルを含めるのは面倒なことですが、アプリケーション全体でヘッダーをグローバルに変更できるようになります。