階層の話

ホームページ制作も少し慣れてくると、htmlや画像ファイルがたくさん増えてくるので整理したくなります。しかし、整理するためにHTMLフォルダと画像用フォルダを作成し、その中にいままで、同一フォルダ内（WINDOWSでは、ディレクトリと言います。）にあったファイルを分けて入れてしまうと、リンクの設定がはずれてしまったりや画像ファイルが現われなくなってしまいます。

それは何故か…？

答えは簡単です、各ファイルを違うフォルダに分けてリンクの設定（画像を含め）をする場合、そのフォルダ名も指定してあげなければなりません。
例えば、
TEST.GIFという画像ファイルを、PICTというフォルダを作成し、TEST.GIFをそのPICTフォルダ内に収納した場合、TEST.GIFを張りつけるHTMLタグを記述するに際にPICT/TEST.GIFというふうに、
フォルダ/ファイル名という感じに/（スラッシュ）でこのフォルダに入っていうるよ！という記述をしなくてはいけません。

また、階層が複雑になってくると、フォルダの外（つまり一つ上の階層）のファイルやフォルダを指定する場合があるかもしれません。そのときは../というピリオド2つ前に記述したスラッシュにて表現します。


上記のようなディレクトリ構造を例にとってみると…
●aaa.htmlを指定する場合
<AAA/BBB/aaa.html>

●bbb.htmlを指定する場合
<AAA/BBB/bbb.html>

●ccc.htmlを指定する場合
<AAA/CCC/ccc.html>

●aaa.htmlからccc.htmlにリンクを張る場合
<../CCC/ccc.html>

●ccc.htmlからbbb.htmlにリンクを張る場合
<../BBB/bbb.html>

※フォルダ名（ディレクトリ名）は大文字、小文字でも差別されます。

以　上