0

重複の可能性:
1 つの HTML ファイルを別の HTML ファイルに含める

私のウェブサイトの各ページには、約 12 個のリンクを含むフッターがあります。リンクを変更するたびに、すべてのページでそれを行う必要があります。リンクを 1 か所でどうにか変更して、すべてのページで変更できるようにすることは可能ですか? ありがとう。

4

4 に答える 4

4

この正確な問題は、サーバーサイドスクリプトの美しさです。このスクリプトでは、各ページが取得されたときに取得するヘッダーファイルを定義できるため、1つのファイルを変更して、変更内容をWebサイト全体に反映させることができます。

これは、PHPでは次のようになります。

header.php-<a href="link">Link</a>

all_other_pages.php-<?php include header.php; ?> ...

于 2012-09-23T02:48:09.177 に答える
2

より良いアプローチは、そのために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のコードを変更することです。

于 2012-09-23T02:57:09.950 に答える
2

これを修正するためにサーバー側のプログラミングを行う必要はありませんが(実行は可能ですが)、ブラウザーで少し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>");
于 2012-09-23T02:57:24.053 に答える
1

サーバーサイドインクルードまたは他のサーバーサイドプログラミングを使用できる場合はそうです。そうでない場合は、ストレートHTMLでは使用できません。各ページが同じフッターページをロードするようにIFRAMEにフッターを含めることもできますが、これは理想的なソリューションとはほど遠いものです。

于 2012-09-23T02:48:11.177 に答える