shtml includeの使い方

shtml includeの使い方
これを応用することで、ウェブサイトの一部の公開領域を独立したページにすることができ、その後、この技術を使用して、その領域のコンテンツを必要とする他のページにそれらを埋め込むことができます。

機構:
SSI メカニズムは、静的生成ではなく動的インクルードです。Apache などの Web サーバーがユーザーのリクエストを受信し、それを解析して SSI インクルード命令を見つけると、インクルードされたページを自動的に取り出し、リクエストされたページに埋め込み、ページ全体としてユーザーに送信します。ユーザーはサーバーが何をしたかはわかりませんが、完全なページを受け取ったことだけはわかります。

利点:
SSI の動作メカニズムから、ユーザーがページを要求するたびにインクルードアクションが発生するため、インクルードされたページの内容が変更された場合、リアルタイムで反映されることがわかります。このため、静的ページの動的な埋め込みを実現するのは非常に簡単です。これを使用して、Web サイト全体の公開領域を実装したり、大量の繰り返し領域のコンテンツを独立した静的ページに公開したりして、サイト全体のヘッダーとフッター、サイト全体の最新ニュース、最もホットなランキングなど、必要な場所に SSI 指示でインクルードすることができます。この技術は、163、sina などのほとんどのポータル Web サイトで広く使用されています。

最もホットなコンテンツを実装する方法:
まず、SSI環境を構成します(他のSSI構成チュートリアルを参照してください)
次に、独立したノードを作成して追加の公開ページまたは記事ページを作成し、最もホットなコンテンツを呼び出す小さなテンプレートをバインドし、パスとファイル名を指定して、静的 HTML ページ /hot.html として公開します。
次に、ウェブサイトのホームページの最もホットなコンテンツ用に予約されたボックスに次のSSI指示を記入します。
<!--#include virtual="/hot.html" -->
ホームページの拡張子を index.shtml に変更します (サーバー構成のディレクトリ内のデフォルトのドキュメント ページにも shtml タイプを追加する必要があります)
このように、/index.shtmlを使用することで効果を確認できます。記事を追加した後は、このhot.htmlを更新するだけで、ホームページを更新する必要はありません。

この方法では、ホームページ上のコラムリストブロックもこの形式にすることができます。各ノードの追加公開機能を利用して、コラムホームページの公開と同時に、このノードのコンテンツリストを含む小さなページを公開し、SSI指示でホームページに埋め込むことができます。今後は、コラムコンテンツとコラム追加公開ページを更新するだけでよく、ホームページをいつでも更新する必要はありません。

<<:  MySQLユーザー削除バグを解決する

>>:  Docker可視化ツールPortainerの導入と中国語翻訳

推薦する

なぜ IE6 が最も多くの人に使用されているのでしょうか?

まず第一に、私はウェブデザイナーです。具体的には、私は XHTML フロントエンド デザイナーです。...

Docker を使用して ELK ログ システムを構築する例

以下のインストールではすべて、インストール ルート ディレクトリとして ~/ ディレクトリが使用され...

JavaScriptはパスワードボックスの検証情報を実装します

この記事では、パスワードボックスの検証情報を実装するためのJavaScriptの具体的なコードを例と...

10 HTML テーブル関連タグ

実際、多くの人が「テーブルは絶対に使用すべきではないと聞いたことがある」と言いますが、これは絶対に間...

カルーセルバナーの自動回転効果を実現する純粋な CSS

さっそくコードを見てみましょう * { マージン: 0; パディング: 0; } 。容器 { マージ...

vue+element を使用した Google プラグインの開発プロセス全体

シンプルな機能: ブラウザの右上隅にあるプラグイン アイコンをクリックすると小さなポップアップ ウィ...

MySQL でスロークエリを有効にする方法の例

序文スロー クエリ ログは、MySQL で非常に重要な機能です。MySQL のスロー クエリ ログ機...

マークアップ言語 - タイトル

123WORDPRESS.COM HTML チュートリアル セクションに戻るには、ここをクリックして...

Vue はモバイル端末にマルチグリッド入力ボックスを実装

最近、同社は、下図に示すように、h5 ページ操作を完了するという要件を提示しました。 ネットで入手で...

Vue ユニットテストに推奨されるプラグインと使用例

目次フレーム最高レベルのエラー報告活発なコミュニティとチーム冗談モカ推奨プラグインVue テストライ...

vite を使用して vue3 アプリケーションを構築する方法

1. インストールヒント: 現在、VUE3.0 の公式翻訳ドキュメントはありません。しかし、すでに誰...

Div CSS 命名標準 CSS クラスの命名規則 (SEO 標準に準拠)

検索エンジン最適化 (SEO) では実行すべきタスクが多数ありますが、その中でもコードの最適化は重要...

vue3 を使用したジグソーパズルゲームのリファクタリングの例

序文プロジェクト内のパズルゲーム(デジタル華容路とも呼ばれる)を再構築するのに 2 日かかりました。...

Java で ffmpeg を呼び出してビデオ形式を flv に変換する方法の詳細な説明

Java で ffmpeg を呼び出してビデオ形式を flv に変換する方法の詳細な説明注:以下のプ...

MySQLのMVCCマルチバージョン同時実行制御の実装

1 MVCCとは何かMVCC の正式名称は、マルチバージョン同時実行制御です。データベースへの同時ア...