JSP ページの作成方法を学んだとき、他のすべてのページとは別の共通のメニュー ページを使用し、次に を使用してそのメニュー ページを各ページにインポートするように教えられました<jsp:directive.include file="menu.jspx" />
。
HTML5でこれを行う同様の方法はありますか? または、HTML5 を使用してすべてのページに共通のメニュー/マストヘッドを含めるより良い方法はありますか?
JSP ページの作成方法を学んだとき、他のすべてのページとは別の共通のメニュー ページを使用し、次に を使用してそのメニュー ページを各ページにインポートするように教えられました<jsp:directive.include file="menu.jspx" />
。
HTML5でこれを行う同様の方法はありますか? または、HTML5 を使用してすべてのページに共通のメニュー/マストヘッドを含めるより良い方法はありますか?
いいえ、html5はこれを行いません。
JSPで行っていたのは、サーバーサイドインクルードでした。あなたが求めているのはクライアント側のインクルードであり、それらはhtml5には存在しません。
クライアント側で何かをロードする正当な理由があったので、javascriptを使用できます。AJAXを調べてください。多くの.jsライブラリは、それを簡単にするために優れたサポートを提供しています。たとえば、jQueryにはload()関数があり、これで問題の一部を取り除くことができます。
ただし、ナビゲーションメニューにそのようなものを使用することはお勧めしません。サーバーサイドインクルードの方が良いでしょう。
小さなプロジェクトで作業しているだけの場合、おそらくローカルで作業していて、ページのチャンクをコピーしてどこにでも貼り付ける必要がないように作成したい場合は、phpが簡単な方法です。 。
XAMPPのようなものを使用して、マシン上でわかりやすい方法でphpを実行します。次に、ここに示すように、phpのinclude関数を使用します。PHPIncludeを使用して、必要な処理を実行します。
これを行う標準的な方法は、サーバー サイド インクルードを使用することです。ほとんどのサーバーがこれをサポートしています。