下位階層へのリンク

リンクの指定のページでは、同じディレクトリ（フォルダ）内のファイルにリンクする方法を説明しましたが、通常、Webサイトを構築する場合、カテゴリ別にディレクトリ（フォルダ）を作成し、そこにファイルを保存することが多いです。このように他のディレクトリ（フォルダ）に保存されているファイルにリンクする方法を説明します。

例として、下のような階層構造でファイルを保存していたとします。

上図において、chozame.htmlから、akaei.htmlへのリンクといった、下位階層にリンクする場合、指定するファイルは違うディレクトリにあるので、href属性には、ディレクトリ名も指定しなければなりません。

Webなどのネットワークでは、ディレクトリを表す記号に「/」（スラッシュ）を使用します。具体的に、chozame.htmlから、akaei.htmlにリンクするには、

と指定します。この場合、eiディレクトリはchozame.htmlと同じディレクトリ（sameディレクトリ）にあるので、href属性の指定にはeiディレクトリから記述します。

ディレクトリを表す記号である「/」を「の」と読めば分かりやすいと思います。

ちょっと練習

上図を見ながら練習してみてください。

その1

hohozirozame.htmlからnokogiriei.html

その2

fish.htmlからzinbeizame.html

categoryディレクトリの次にsameディレクトリを指定しています。ディレクトリの階層が増えれば、「/」の数も増えます。

その3

fish.htmlからmadai.html

その4

fish.htmlからnokogiriei.html

一番上位（fishディレクトリの中）から一番下位（eiディレクトリの中）にわたる指定。

まとめ

タグの属性

ページの先頭

上位階層へのリンク