shtml インクルードの使用方法
2022-02-03 07:04:52
ウェブサイトの一部の公開領域を独立したページにして、この領域のコンテンツを必要とする他のページに埋め込むために使う手法です。
メカニズム
SSIの仕組みは、静的生成ではなく動的包含で、ユーザーからのリクエストを受けたapacheなどのWebサーバーが、SSI包含命令を解析すると、自動的に包含されたページを取り出し、ページ全体として一緒にリクエストしたページに埋め込んでユーザーに送り、ユーザーはサーバーが何をしたのか分からず、ただ完全なページを手に入れたことだけが分かるようになっているのです。
メリット
我々は、インクルードアクションは、ユーザーがページを要求するたびに発生することをSSIの作業メカニズムから知っているので、含まれているページの内容が変更されている場合、それはまた、リアルタイムで応答することができ、このため、それは静的ページの動的埋め込みを達成するために使用することは簡単です、我々はサイト全体の公開領域を達成するために使用することができます。または多くの繰り返される地域のコンテンツが独立した静的ページにリリースされ、その後、必要に応じて我々は、サイト全体の公開領域を達成するために使用することができます、または多くの繰り返されるコンテンツは、独立した静的ページとして公開し、その後、SSI命令を使用して、サイト全体のヘッドとテール、最新ニュース、ホットリストなど、必要に応じて組み込むことができます。この手法は、163、sinaなど、ほとんどのポータルサイトで広く使われている。
最もホットなコンテンツ実装方法。
最初にSSI環境を設定します (他のSSI設定チュートリアルを参照してください)
次に、別のノードを作成します。
新規に追加の公開ページまたは投稿ページを作成し、最もホットなコンテンツを呼び出す小さなテンプレートをバインドし、パスとファイル名を指定します。
そして、静的なhtmlページ/hot.htmlとして公開します。
そして、一番ホットなコンテンツを置いたサイトのトップページにあるボックスの中に、以下のSSIディレクティブを書き込んでください。
<! --#include virtual="/hot.html" -->
ホームページ公開の拡張子をindex.shtmlに変更(サーバー設定のディレクトリのデフォルトのドキュメントページもshtmlタイプを追加する必要があります)。
こうすることで、/index.shtmlで効果を確認でき、後で毎回記事を大量に追加した後、このhot.htmlを更新するだけで、トップページは更新する必要がないのです
この方法は、この形でホームページのカラムリストブロックを作ることもできます。各ノードの追加公開機能を使って、カラムのホームページを同時に公開し、このノードのコンテンツリストの小さなページを追加公開して、SSIコマンドでホームページに埋め込み、後でその上のカラムコンテンツとカラム追加公開ページを更新すれば、ホームページはいつでも更新する必要もありません!この方法によって、ホームページの更新が簡単になります。
メカニズム
SSIの仕組みは、静的生成ではなく動的包含で、ユーザーからのリクエストを受けたapacheなどのWebサーバーが、SSI包含命令を解析すると、自動的に包含されたページを取り出し、ページ全体として一緒にリクエストしたページに埋め込んでユーザーに送り、ユーザーはサーバーが何をしたのか分からず、ただ完全なページを手に入れたことだけが分かるようになっているのです。
メリット
我々は、インクルードアクションは、ユーザーがページを要求するたびに発生することをSSIの作業メカニズムから知っているので、含まれているページの内容が変更されている場合、それはまた、リアルタイムで応答することができ、このため、それは静的ページの動的埋め込みを達成するために使用することは簡単です、我々はサイト全体の公開領域を達成するために使用することができます。または多くの繰り返される地域のコンテンツが独立した静的ページにリリースされ、その後、必要に応じて我々は、サイト全体の公開領域を達成するために使用することができます、または多くの繰り返されるコンテンツは、独立した静的ページとして公開し、その後、SSI命令を使用して、サイト全体のヘッドとテール、最新ニュース、ホットリストなど、必要に応じて組み込むことができます。この手法は、163、sinaなど、ほとんどのポータルサイトで広く使われている。
最もホットなコンテンツ実装方法。
最初にSSI環境を設定します (他のSSI設定チュートリアルを参照してください)
次に、別のノードを作成します。
新規に追加の公開ページまたは投稿ページを作成し、最もホットなコンテンツを呼び出す小さなテンプレートをバインドし、パスとファイル名を指定します。
そして、静的なhtmlページ/hot.htmlとして公開します。
そして、一番ホットなコンテンツを置いたサイトのトップページにあるボックスの中に、以下のSSIディレクティブを書き込んでください。
<! --#include virtual="/hot.html" -->
ホームページ公開の拡張子をindex.shtmlに変更(サーバー設定のディレクトリのデフォルトのドキュメントページもshtmlタイプを追加する必要があります)。
こうすることで、/index.shtmlで効果を確認でき、後で毎回記事を大量に追加した後、このhot.htmlを更新するだけで、トップページは更新する必要がないのです
この方法は、この形でホームページのカラムリストブロックを作ることもできます。各ノードの追加公開機能を使って、カラムのホームページを同時に公開し、このノードのコンテンツリストの小さなページを追加公開して、SSIコマンドでホームページに埋め込み、後でその上のカラムコンテンツとカラム追加公開ページを更新すれば、ホームページはいつでも更新する必要もありません!この方法によって、ホームページの更新が簡単になります。
関連
-
複雑なテーブルヘッダーを実現するためのhtmlテーブルのサンプルコード
-
html+css implement picture upper right corner with delete fork, picture delete button.
-
html シンボルからエンティティへのアルゴリズムへの挑戦
-
ie8でタグの背景画像が表示されない問題の解決方法
-
iframeのテクニックを使って、訪問者にqqの実装アイデアとサンプルコードを提供する。
-
htmlのテキストボックス(テキスト)は、様々なメソッドの読み取り専用の実装を使用できません。
-
HTMLタグのオーバーフロー処理は
-
xml構文詳細
-
テーブルのための HTML dl、dt、dd マークアップ vs テーブル
-
HTML&CSS&JS互換ツリー(IE、Firefox、chrome)
最新
-
nginxです。[emerg] 0.0.0.0:80 への bind() に失敗しました (98: アドレスは既に使用中です)
-
htmlページでギリシャ文字を使うには
-
ピュアhtml+cssでの要素読み込み効果
-
純粋なhtml + cssで五輪を実現するサンプルコード
-
ナビゲーションバー・ドロップダウンメニューのHTML+CSSサンプルコード
-
タイピング効果を実現するピュアhtml+css
-
htmlの選択ボックスのプレースホルダー作成に関する質問
-
html css3 伸縮しない 画像表示効果
-
トップナビゲーションバーメニュー作成用HTML+CSS
-
html+css 実装 サイバーパンク風ボタン
おすすめ
-
ランダム・ネームドロッパーを実装するためのhtmlサンプルコード
-
divにcontentEditable=trueを設定すると、内容をリセットした後にカーソルを配置できない。
-
HTMLの3つのボーダー設定方法を説明する
-
ユーザーが何度もフォームを送信するのを防ぐ方法まとめ
-
HTMLのcellpaddingとcellspacing属性のグラフィックディテール
-
テーブル幅の固定化 table-layout: fixed
-
htmlページ! --[IEの場合]...! [endif]--詳細を使用する
-
html特殊記号 html特殊文字比較表
-
フレームリフレッシュメソッド この方法が便利です
-
初歩的な理解のためのWebページのhtnlの基礎知識