静的Webサイト共通の一部モジュールの参照(設定)方法_html/css_WEB-ITnose

静的 Web サイトでの共通のヘッダーとテールの使用については、ページのヘッダー コンテンツと広告を変更する場合、1 つのページとヘッダーとテールのみを変更できます。ウェブサイト全体が変更されます。

1: ssi テクノロジー ページを使用して shtml ファイルを生成し、ヘッダー ファイルの場所に ; を追加して、header.html ファイルを変更するだけです。修正するときはそれだけです。 shtmlを使用するメリットは、検索エンジンにとって処理が必要なファイルがサーバー側で完結するため、訪問者のブラウザの負担が増えないことです。

2: js
を使用してhead.jsファイルを作成し、
htmlをjsに変換するWebサイトを見つけて
、頭の中にあるhtmlコードをjsコードに変換してhead.jsファイルに置きます。
次に、

を追加します。ここで、src="js を呼び出す必要があります。 / のパスhead.js" は head.js ファイルのパスです。
こんな感じにしてみてください~
この方法の利点は、便利で修正が簡単であることです。欠点は、検索エンジンが JavaScript ファイルを読み取れず、ヘッダー ファイルとテール ファイルを含めることができないことです。さらに、大きな js ファイルは訪問者のブラウザーへの負担を増大させ、アクセス速度に影響を与えます。

3: iframe を使用する
以前は、最初と最後を行うために静的フレームをよく使用していました (通常は iframe は使用しません)。今ではますます少なくなってきています。主な理由は、Web ページのデザインが比較的難しく、接続数も増加し、検索エンジンが最初と最後を含めるのに役立たないからです。