HTML で #include ファイルを使用する例

a.htmとb.htmの2つのファイルがあります。同じディレクトリ内のa.htmの内容は次のとおりです。

コードをコピー

コードは次のとおりです。

b.htmの内容は次のとおりです

今日: 雨 31 ℃～26 ℃ <br />明日: 雷雨 33 ℃～27 ℃

ブラウザで直接開いたところ、何も表示されませんでした。後で、include は SSI (Server Side Include) であり、html では include はサポートされていないことを知りました。そこで、a.htm を a.aspx に変更し、IIS でページを公開しました。すると、a.aspx の内容が表示されるようになりました。 HTML でこの効果を実現するには、iframe タグを使用します。インターネットで次のような例を見つけました。

コードをコピー

コードは次のとおりです。

HTML での #include ファイルの使用

パラメータ

パスタイプ

FileName へのパスを入力します。パスは次のいずれかのタイプになります。

パスタイプの意味

ファイル名は、#include ディレクティブを含むドキュメントを含むディレクトリへの相対パスです。インクルードされたファイルは、同じディレクトリまたはサブディレクトリに配置できますが、#include ディレクティブを含むページの上のディレクトリに配置することはできません。
仮想ファイル名は、Web サイト上の仮想ディレクトリへの完全な仮想パスです。

ファイル名

含めるファイル名を指定します。 FileName にはファイル名拡張子を含める必要があり、ファイル名は引用符 (") で囲む必要があります。

注記

#include ディレクティブを含むファイルは、SSI インタープリターにマップされたファイル拡張子を使用する必要があります。そうしないと、Web サーバーはコマンドを処理しません。デフォルトでは、拡張子 .stm、.shtm、および .shtml がインタープリター (Ssinc.dll) にマップされます。インターネットサービスマネージャーがインストールされている場合は、既定の拡張子マッピングを変更し、新しいマッピングを追加できます。アプリケーションマッピングの設定を参照してください。インクルードファイルには任意のファイル拡張子を付けることができますが、.inc 拡張子を付けることをお勧めします。

例







インクルードファイルとインクルード仮想の違い

1.#include file にはファイルの相対パスが含まれ、#include virtual にはファイルの仮想パスが含まれます。
2. 同じ仮想ディレクトリでは、 と  の効果は同じです。ただし、仮想ディレクトリの名前が myweb であると仮定すると、 もデバッグに合格しますが、 は確実にエラーを報告することがわかります。
3. サイトに 2 つの仮想ディレクトリ myweb1 と myweb2 があり、myweb1 にファイル file1.asp が含まれ、myweb2 にファイル file2.asp が含まれる場合、file1.asp が file2.asp を呼び出すには、file1.asp に  と記述する必要があります。この場合、#include file を使用することはできず、 を使用すると必然的にエラーが発生します。逆に、myweb1 のファイルを myweb2 のファイルに含める場合も同様です。含まれるファイルがフォルダー内にある場合は、そのフォルダーを仮想パスに追加するだけです。
4. #include file または #include virtual のいずれを使用したとしても、パスに「/」または「/」を使用したとしても、あるいは両方を互換的に使用したとしても、コンパイル効果には影響せず、プログラムはスムーズに実行されます。
5. 上記の状況は、2 つのサイトファイルの相互呼び出しには当てはまりません。同じサイト内では、 と  は同等です。ただし、サイト名が website であると仮定すると、 を使用するのは誤りです。

<<: LeetCode の SQL 実装 (182. 重複するメールボックス)

>>: Vue ミックスインの使い方の詳しい説明