「絶対URL 相対URL」
～マンガでプログラミング用語解説

マンガで分かるプログラミング用語辞典（100）

解説

　絶対URLは、URLの階層構造の最上位から、階層を省略なく書いたのを指します。以下のようなURLが該当します。

http://codezine.jp/news/hoge/index.html

　また、ディレクトリ名やファイル名がなくても、単一のリソースを指すなら絶対URLになります。

http://codezine.jp/news/hoge/
http://codezine.jp/

　相対URLは、現在のURLを基準にして、そこからの相対位置を示したURLです。その際、基点となる階層を「.」で、上の階層を「..」で表します。また、「./」は省略することができます。

http://codezine.jp/news/hoge/index.html
からの相対URL「./file.html」は
http://codezine.jp/news/hoge/file.html

http://codezine.jp/news/hoge/index.html
からの相対URL「../file.html」は
http://codezine.jp/news/file.html

http://codezine.jp/news/hoge/index.html
からの相対URL「../../」は
http://codezine.jp/

http://codezine.jp/news/hoge/index.html
からの相対URL「file.html」は
http://codezine.jp/news/hoge/file.html

　絶対URLは、リソースの場所を、一意に指定したい場合に便利です。リンクをしてもらいたいURLを示す時などは、絶対URLを示すことになります。

　また、相対URLは、同じ階層のファイルなど、同種のデータや、同じディレクトリ内のCSS、画像などの位置を示すのに便利です。

　相対URLを利用しておけば、サイトの引っ越しなどでURLが変わった際にも、そのままディレクトリをコピーすることで、対応できたりします。

サンプル

　本連載の目次のURLです。以下は絶対URLになります。

http://codezine.jp/article/corner/452

　記事一覧のURLです。以下は相対URLになります。

../../

フィードバックお待ちしております！

　ご感想、解説して欲しい用語、解説内容のアドバイスなどございましたら、FacebookやTwitterなどでお気軽に編集部までお寄せください。よろしくお願いいたします。