html - HTMLの共通要素

Question

私はプロジェクトを開発していますが、すべてのページに共通の要素があることがわかりました。これらの要素を一般的に定義し、html から呼び出して、各ページを定義する必要がないようにする方法があるかどうか疑問に思います。ご助力ありがとうございます

score 0 · Accepted Answer

test.html

<div>Menu</div>

このメニューが必要な場合は、ページで次のコードを呼び出すだけです。

$('#result').load('ajax/test.html', function() {
   alert('Load was performed.');
});

別のオプションはAngularJS、または PHP の include のようなものです。

score 0 · Accepted Answer

純粋な HTML でこれを正確に行う方法はわかりませんが、サーバー側のスクリプトを少し混ぜることで可能になります。それがどのように見えるかをあなたに伝えるために：

この例では PHP を使用しています。Microsoft サーバーを使用している場合は、この例を .NET または .aspx に変換する必要があります。

まず、以下を他のページと同じフォルダーにある「mytest.php」というファイルに保存します。(必要に応じてサブフォルダーに配置することもできますが、この例では単純にします)。

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>

このテストは 1 行だけです。少し無駄ですが、要点がわかります。

これで、<head>HTML のタグでこれを行うことができます (タグを追加したのは、見やすいようにするためです... 2 つのタグ<head>のセットは必要ありません)。<head>

<head>
    <?php include 'mytest.php'; ?>
</head>

次に、ページにアクセスして HTML を表示すると、その行が HTML に組み込まれていることがわかります。(上記のように) PHP コードを含むドキュメントは、.php拡張子で終わる必要があることに注意してください。

3 に答える 3