重複の可能性:
1 つの HTML ファイルを別の HTML ファイルに含める
私のウェブサイトの各ページには、約 12 個のリンクを含むフッターがあります。リンクを変更するたびに、すべてのページでそれを行う必要があります。リンクを 1 か所でどうにか変更して、すべてのページで変更できるようにすることは可能ですか? ありがとう。
重複の可能性:
1 つの HTML ファイルを別の HTML ファイルに含める
私のウェブサイトの各ページには、約 12 個のリンクを含むフッターがあります。リンクを変更するたびに、すべてのページでそれを行う必要があります。リンクを 1 か所でどうにか変更して、すべてのページで変更できるようにすることは可能ですか? ありがとう。
この正確な問題は、サーバーサイドスクリプトの美しさです。このスクリプトでは、各ページが取得されたときに取得するヘッダーファイルを定義できるため、1つのファイルを変更して、変更内容をWebサイト全体に反映させることができます。
これは、PHPでは次のようになります。
header.php-<a href="link">Link</a>
all_other_pages.php-<?php include header.php; ?> ...
より良いアプローチは、そのためにmvcアーキテクチャを使用することです。別のphpファイルを作成してそれらを含めることでそれを行うことができます
ヘッダーheader.php、ラッパーwrapper.php、フッターfooter.phpのように、ページを表示するには、それらを含めるか、必要とします。
index.phpのように
<?php
require"header.php"; // for the header of the page
require"wrapper.php";
require"footer.php"; // for the footer of the page
関数を作成することもheader()
できるfooter()
ので、ファイルにさらに多くの関数を含めることができ、ファイルの量を減らすことができます。また、関数を含む1つのファイルを含めるだけで済みます。
index.php
<?php
require"function.php";
header(); // for the header of the page
require"wrapper.php";
footer(); // for the footer of the page
上記のアプローチでは、ヘッダーとフッターのコードはすべてのWebサイトで共通になります。変更する必要があるのは、wrapper.phpのコードを変更することです。
これを修正するためにサーバー側のプログラミングを行う必要はありませんが(実行は可能ですが)、ブラウザーで少しjavascriptを使用して完全に正常に実行できます。
例:各ページの下部:
<div class="page-footer"/>
<script src="footer.js"></script>
footer.jsで、次のようになります。
$(".page-footer").append("<ul><li><a href='about.html'>About</a></li></ul>");
サーバーサイドインクルードまたは他のサーバーサイドプログラミングを使用できる場合はそうです。そうでない場合は、ストレートHTMLでは使用できません。各ページが同じフッターページをロードするようにIFRAMEにフッターを含めることもできますが、これは理想的なソリューションとはほど遠いものです。