HTML 再利用テクニック

HTML の再利用は、あまり話題に上らない言葉です。今日は、この問題を次のようにまとめたいと思います。
古いバージョンのブラウザでは、HTML ドキュメントはネストをサポートしていません。HTML コードを再利用するには、サーバー側とクライアント側の実装に基づく 2 つの主なアプローチがあります。
1. サーバー側の実装
a. 通常の shtml ファイルである SSI を使用します。
b. asp、php などのクラスステートメント、asp.net のテンプレートページとユーザーコントロールを含めます。

2. クライアント側で実装するa. JavaScript クライアントスクリプト a1 を使用します。HTML ドキュメントの onload イベントで js メソッドをトリガーし、メソッド内でページ要素をコンテナーとして検索し、コンテナー内に HTML コードを出力できます (出力する HTML コードスニペットを格納する文字列を定義できます。例: var str="<p>hello world!</p>";)。
a2. ページ内で <script type="text/javascript" src="Default3.aspx"></script> などのスクリプト登録ブロックを使用し (ここでの Default3.aspx は、js スクリプトファイルまたは js 形式を実装するその他のサーバー側出力にすることもできます)、実装されたスクリプトファイル内で document.write メソッドを使用して、再利用する HTML コードを出力します。
a3. AJAX を使用して実装されています。この方法には欠陥があり、一部のクライアントブラウザーはデフォルトで Ajax クロスサイト呼び出しをサポートしていません。
b. iframeを使用する

2つの選択肢:
ほとんどの場合、一部の静的ページや特別な場合にクライアント側の実装が使用されない限り、サーバー側の実装が優先されます。

その他の参考資料:
http://ask-leo.com/how_do_i_include_one_html_file_inside_another.html

http://www.boutell.com/newfaq/creating/include.html

http://blog.csdn.net/omohe/archive/2007/10/28/1850766.aspx

<<: ミニプログラムカスタムタブバーコンポーネントのカプセル化

>>: ウェブサイトデザインの基礎知識：初心者の方はぜひお読みください