HOME > ホームページ作成講座 > HTMLのパス指定

パスの指定

画像やファイルへのリンクを張るときのパス(URL)の指定方法を説明します。
指定方法には指定する場所のことをパスといい、絶対パスと相対パスがあり、どちらも使用できます。

絶対パス

自分のサイトの一番上のフォルダから指定する方法です。

一番上のフォルダ内の a.htm への指定方法
例) /a.htm　※"."なし
一番上のフォルダの下にある aaa フォルダ内の a.htm への指定方法
例) /aaa/a.htm

相対パス

絶対パスに対し、今のページから見たフォルダを指定する方法です。
そのファイルから目的のファイルが上や下のどこにあるかを指定します。
相対パスはフォルダの階層が深くなるとパスの指定が複雑になります。

同じフォルダ内（ディレクトリ内）の a.htm への指定方法
例) ./a.htm　※"."を1個
同じフォルダ内では ./ファイル名です。
１つ上のフォルダの a.htm への指定方法
例) ../a.htm　※"."を2個
２つ上のフォルダの a.htm への指定方法
例) ../../a.htm
同じフォルダの下にある aaa フォルダ内の a.htm への指定方法
例) ./aaa/a.htm

絶対パスと相対パスのどちらがよいか

特に理由がない場合は絶対パスがおすすめです。
絶対パスはそのページからのパスではないため、フォルダの階層の深さが異なる場合に書き方を変える必要がありません。

絶対パスのデメリットは、パソコンでリンクを試すことができないことです。
例えば、"c:\web\a.htm"から"c:\web\b.htm"をリンクしたい場合、絶対パスを"/b.htm"と指定すると、パソコンのフォルダでは、"c:\b.htm"へリンクしようとしてしまいます。
これは、一番上のフォルダを示す"/"が、パソコン上では"c:\"が一番上のフォルダになってしまうからです。

この点では、相対パスのほうが有利ですが、ページ数が多くなるとリンク先の移動での管理のしにくさの点では相対パスは不利です。

まとめ

指定する場所のことをパスという。
絶対パスとは、一番上のフォルダから指定する方法のこと。
相対パスとは、今のページから見たフォルダを指定する方法のこと。

ホームページ作成講座

初心者講座

ホームページ作成講座

HTML講座

スタイルシート講座

スポンサードリンク

HTML辞典

ページ
テキスト
文字
リスト
イメージ
リンク
テーブル
フレーム