絶対パスと相対パス

ここで説明する絶対パスと相対パスは、初心者の方には少し難しいと思います。ですがWebページを作成する上でとても大切なことです。

リンクを貼ったり画像を表示したりする場合、絶対パスと相対パスの知識が必ず必要となるからです。ある程度、HTMLに慣れてから読んでもらってもいいですよ。

パスとは、HTMLファイルや画像ファイルなどのファイルの場所を指定する方法のことです。いろいろなサイトにリンクしたり、自分のサイト内の別のページにリンクしたりする場合や、画像を表示したい時に、それらのファイルがどこにあるのかを指定する必要があります。

絶対パスとは、http://から始まるアドレス（URL)を使ってファイルの場所を指定することです。つまり、僕のサイトにリンクするには、http://masaboo.cside.com/index.htm（通常、index.htmの場合はindex.htmの記入は省略できます）のように記入します。

この絶対パスは、おもに他のサイトにリンクしたりする場合に使います。お気に入りのサイトにリンクを貼ったり、レンタル掲示板にリンクする場合はこの絶対パスでパスを指定します。

次に相対パスの説明をします。この相対パスとは、基準となるファイルから見て任意のファイルの場所を指定します。

例えば同じフォルダ（ディレクトリ）の中にindex.htmとlink.htmがあって、index.htmからlink.htmにリンクを貼りたい場合は<a href="link.htm">〜のようにファイル名のみの記入でファイルの場所を指定することが出来ます。

同じフォルダ内にあるHTMLファイルや、画像ファイルを相対パスで指定する場合は、ファイル名のみで指定できます。

絶対パスで記入する場合はhttp://masaboo.cside.com/link.htmのようにアドレスにファイル名をつけます。

1つ下のフォルダにリンクしたいファイルや、表示したい画像がある場合は、どのフォルダにそれらのファイルがあるのかを指定します。相対パスで指定する場合はフォルダ名/ファイル名のように記入します。

左の例を使って説明すると、index.htmからnikkiフォルダの中にあるdairly.htmにリンクするには<a href="nikki/dairly">のように記入します。

つまり、<a href="どのフォルダの/何のファイル">というように指定すればいいだけのことです。

2つ下のフォルダにあるファイルを指定する場合はフォルダ名/フォルダ名/ファイル名のように記入します。

上の例で説明すると、相対パスで、index.htmからnikkiフォルダの中にあるkakoフォルダにあるsummer.htmにリンクするには、
<a href="nikki/kako/summer.htm">のように記入します。

ここでは、２つ下のフォルダにあるファイルを指定する方法を説明しましたが、さらに下層にフォルダを作ることも出来ます。その場合は、さらにフォルダ名の指定を増やせばいいだけですよね。

１つ上のフォルダ内のファイルを指定する場合は、上に上がることを示す「　../　」を記入します。左の例で説明しますと、dairly.htmから１つ上のフォルダ内のindex.htmにリンクするには、<a href="../index.htm">のように記入します。

ここでは１つ上のフォルダ内のファイルを指定する方法を説明しましたが、もし２つ上のフォルダ内のファイルを指定したい場合は、「　../../　」のように、../をさらに１つ付け加えます。