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

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

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

<!-- #include ファイル="b.htm" -->

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

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

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

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

<iframe フレームボーダー=0 ボーダー=0 幅=300 高さ=300 src="b.htm" mce_src="b.htm"></iframe>

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

パラメータ

パスタイプ

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

パスタイプの意味

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

ファイル名

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

注記

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



<!-- インクルードされたファイルは親ファイルと同じディレクトリに存在します。 -->
<!-- #include ファイル = "myfile.inc" -->

<!-- インクルードされたファイルはスクリプトの仮想ディレクトリにあります。 -->
<!-- #include 仮想ディレクトリ = "/scripts/tools/global.inc" -->

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

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

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

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

推薦する

Linux で履歴レコードを表示し、タイムスタンプを追加するためのヒント

Linux で履歴レコードを表示し、タイムスタンプを追加するためのヒントbashに詳しい人なら、hi...

Docker 起動時の ES メモリ オーバーフローの解決方法

jvm.options ファイルを elasticsearch 構成に追加し、スタック サイズを変更...

Vue は携帯電話の認証コードによるログインを実装します

この記事では、携帯電話認証コードログインを実装するためのVueの具体的なコードを参考までに共有します...

MySQL 8.0.12 winx64 解凍バージョンのインストール グラフィック チュートリアル

mysql-8.0.12-winx64 解凍版のインストールを記録して、みんなで共有しました。 1....

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

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

LinuxでのMySQLのインストール手順

1. mysql tar ファイルをダウンロードします。参考: 2. インストールパッケージがあるデ...

Vueでスケルトンスクリーンを実装する例

目次スケルトンスクリーンの使用Vueアーキテクチャスケルトンスクリーンアイデアの概要抽象コンポーネン...

Win7 x64 に解凍版の mysql 5.7.18 winx64 をインストールするとサービスが起動できない問題を解決します

今日、mysql の公式サイトから mysql-5.7.18-winx64.zip をダウンロードし...

MySql 共通クエリコマンド操作リスト

MYSQL でよく使用されるクエリ コマンド: mysql> select version()...

Vite と Vue CLI の長所と短所

Vue エコシステムには Vite と呼ばれる新しいビルド ツールがあり、Vue CLI よりも 1...

CentOS 6.5 インストール mysql5.7 チュートリアル

1. 新機能MySQL 5.7 はエキサイティングなマイルストーンです。デフォルトの InnoDB ...

要素UIポップアップコンポーネントをカプセル化する手順

el-dialogをコンポーネントとしてカプセル化するelement-ui を使用する場合、ポップア...

Nginx サーバーで URL リンクを設定する方法

LNMPのようなアーキテクチャを持つウェブサイトは、一般的にPHPフレームワークに基づいて開発されて...