HTMLの初心者は、多くの場合、このような問題に遭遇し、ファイルを正しく参照する方法に遭遇します。たとえば、1つのHTMLページでハイパーリンクとして別のHTMLページを引用する方法は?画像をWebページに挿入する方法
ファイルを参照するときに間違ったファイルパスを使用する場合(ハイパーリンクの追加、画像の挿入など)、参照は無効になります(リンクされたファイルを閲覧できないか、挿入された画像などを表示できません)。
これらのエラーを回避し、ファイルを正しく参照するには、HTMLパスについて学ぶ必要があります。
HTMLを記述するには、相対パスと絶対パスの2つの方法があります。
HTML相対パス
同じディレクトリへのファイル参照
ソースファイルと参照ファイルが同じディレクトリにある場合は、参照ファイル名を直接書き込むだけです。
これで、ソースファイルinfo.htmlを作成し、info.htmlはindex.htmlファイルをハイパーリンクとして参照する必要があります。
info.htmlパスは、c:/inetpub/wwwroot/sites/blabla/info.htmlであると仮定します
index.htmlパスは、c:/inetpub/wwwroot/sites/blabla/index.htmlであると仮定します
index.htmlハイパーリンクをinfo.htmlに追加するコードは、次のように記述する必要があります。
<a href = index.html> index.html </a>
以前のディレクトリを表す方法
../ソースファイルが配置されているディレクトリの以前のディレクトリを表します。../../ソースファイルが配置されている以前のディレクトリなどを表します。
info.htmlパスは、c:/inetpub/wwwroot/sites/blabla/info.htmlであると仮定します
index.htmlパスは、c:/inetpub/wwwroot/sites/index.htmlであると仮定します
index.htmlハイパーリンクをinfo.htmlに追加するコードは、次のように記述する必要があります。
<a href = ../index.html> index.html </a>
info.htmlパスは、c:/inetpub/wwwroot/sites/blabla/info.htmlであると仮定します
index.htmlパスは、c:/inetpub/wwwroot/index.htmlであると仮定します
index.htmlハイパーリンクをinfo.htmlに追加するコードは、次のように記述する必要があります。
<a href = ../../index.html> index.html </a>
info.htmlパスは、c:/inetpub/wwwroot/sites/blabla/info.htmlであると仮定します
index.htmlパスは、c:/inetpub/wwwroot/sites/wowstory/index.htmlであると仮定します
index.htmlハイパーリンクをinfo.htmlに追加するコードは、次のように記述する必要があります。
<a href = ../wowstory/index.html> index.html </a>
次のディレクトリを表す方法
下部ディレクトリのファイルを参照し、下部ディレクトリ内のファイルへのパスを直接書き込みます。
info.htmlパスは、c:/inetpub/wwwroot/sites/blabla/info.htmlであると仮定します
index.htmlパスは、c:/inetpub/wwwroot/sites/blabla/html/index.htmlであると仮定します
index.htmlハイパーリンクをinfo.htmlに追加するコードは、次のように記述する必要があります。
<a href = html/index.html> index.html </a>
info.htmlパスは、c:/inetpub/wwwroot/sites/blabla/info.htmlであると仮定します
index.htmlパスは、c:/inetpub/wwwroot/sites/blabla/html/tutorials/index.htmlであると仮定します
index.htmlハイパーリンクをinfo.htmlに追加するコードは、次のように記述する必要があります。
<a href = html/tutorials/index.html> index.html </a>
HTML絶対パス
HTML Absolute Pathは、ドメイン名を持つファイルの完全なパスを指します。
ドメイン名www.vevb.comを登録し、仮想ホストを申請すると、仮想ホストプロバイダーがウェブサイトのルートディレクトリであるwwwなどのディレクトリを提供します。
wwwのルートディレクトリにファイルindex.htmlを配置すると、このファイルへの絶対パスはhttps://www.vevb.com/index.htmlです。
wwwのルートディレクトリにhtml_tutorialsというディレクトリを作成し、そのディレクトリにファイルindex.htmlを配置し、このファイルへの絶対パスはhttps://www.vevb.com/html_tutorials/index.htmlです。