詳細: http://www.webyang.net/Html/web/article_139.html
含める必要があるパブリックヘッダーとテールを持つが、動的 Web ページを使用したくない静的 Web サイトの場合書くこと。では、それを技術的に実装するにはどうすればよいでしょうか?
3 つの方法があります:
1. IFrame、これが最もよく知られているかもしれません 属性の一部を追加すると、透明性やスクロール バーなしなどの特定の効果を実現できます。と彼の兄弟:Frameset et al。
2. JS実装、jsを読み込むことでhtmlを読み込む。一般的に広告はこの形式をとります。
3.shtml。 SSI(サーバーサイドインクルード)を使用したhtmlファイル拡張子、SSI(サーバーサイドインクルード)は、通常「サーバーサイド埋め込み」または「サーバーサイドインクルード」と呼ばれ、ASPと同様のサーバーベースのWebページ制作技術です。デフォルトの拡張子は .stm、.shtm、および .shtml です。
最初の 2 つと比較すると、shtml が最良の選択です。 shtml は、PHP の include 関数と同様に、指定したファイルをドキュメントに含めることができます。ただし、shtml を使用する必要がある場合は、サーバーが SSI をサポートする必要があります。
SSIとは英語のServer Side includeの略で、中国語に訳すとサーバーサイドインクルージョンを意味します。技術的に言えば、SSI は HTML ファイルのコメント行を通じて呼び出すことができるコマンドまたはポインターです。 SSI には強力な機能があり、簡単な SSI コマンドで Web サイト全体のコンテンツを更新したり、時刻と日付を動的に表示したり、シェルや CGI スクリプト プログラムなどの複雑な機能を実行したりできます。 Web サイトのメンテナンスでよく発生する問題は、Web サイトの構造は修正されているものの、少しのコンテンツを更新するために大量の Web ページをやり直さなければならないことです。 SSI は、この問題を解決するためのシンプルかつ効果的な方法を提供します。これにより、Web サイトの基本構造がいくつかの単純な HTML ファイル (テンプレート) に配置され、その後はテキストをサーバーに渡してプログラムに実行させるだけになります。テンプレートに基づいて Web ページを自動的に生成するため、大規模な Web サイトの管理が容易になります。
2 つの Web サーバーについて話しましょう:
1 つ: nginx
Nginx 自体はすでに SSI をサポートしていますが、デフォルトでは有効になっていないため、手動で有効にする必要があります。
Nginx 設定ファイル nginx.conf を開き、http に次の 3 つの文を追加します。
<ol> <li>ssi on;</li> <li>ssi_silent_errors on;</li> <li>ssi_types text/shtml;</li> </ol>
ps: ここでのファイルの種類は他のものに変更できます。たとえば、htm が ssi もサポートしている場合は、text/shtml を text/htm に変更できます。ただし、この場合、htm ファイルが多数あるためです。 ssi を使用して他のページをインポートすると、nginx が不要に消費されるため、お勧めできません。
デフォルトのホームページを追加する必要がある場合は、nginx.conf で Index オプションを見つけて、それを<ol> <li>Index index.shtml index.html index.htm</li> </ol>
保存して nginx を再起動します。
2: apache
Apache はデフォルトでは SSI をサポートしていません。設定するには httpd.conf を変更する必要があります。
<ol> <li>#AddType text/html .shtml</li> <li>#AddOutputFilter INCLUDES .shtml</li> </ol>
これら 2 行の前にある # を削除してください。
次に、「Options Indexes FollowSymLinks」を検索します
それを「Options Indexes FollowSymLinks include」に変更します
httpd.conf を保存して、Apache を再起動します
仮想: サーバー側に与えられますドキュメントの仮想パス。例:
ファイル: 現在のディレクトリへの相対パスを指定します。「../」は使用できず、絶対パスも使用できません。利用される。例: