絶対URLと相対URL

web

ウェブ上のページやファイルのアドレスを指定するには、絶対URLと相対URLの2通りがあります。 絶対URLは全てのアドレスを指定する方法なのに対し、相対URLは今いる場所から見てどこにあるかを指定する方法です。

基本的にサイト外に対しては絶対URL、サイト内に対しては相対URLを使います。

絶対URL

絶対URLとは

絶対URLは「http://」や「https://」などから指定する方法です。ファイルアドレスを完全に指定するので、ウェブ上のどこから指定してもファイルを指定する事ができます。

例えば手紙に住所を書いて出せば、世界中のどこから出しても同じ住所に手紙が届きます。 絶対URLもそれと同じです。

絶対URLでの指定例

絶対URLでの指定はこのようになります。

http://hogehoge.com
https://hogehoge.net

相対URL

相対URLとは

相対URLは現在のディレクトリ位置を基準に位置を指定する方法です。 例えばマンションの305号室から408号室を指す場合、「ひとつ上の階の3つ後」と相対的に表現できますよね。 こんな感じに指定するのが相対URLです。

しかし同じ「ひとつ上の階の3つ後」でも、203号室から見た時と306号室から見た時では指している場所が違います。 現在のディレクトリ次第で指定されるアドレスが変わるのが絶対URL指定との大きな違いです。

相対パス指定の様式は以下のとおりです。

相対URLでの指定例

相対URL指定はカレントディレクトリから見てどの位置にあるかを指定するのが特徴です。

FileName <!-- 同階層 -->
DirectoryName/FileName <!-- 1つ下の階層 -->
DirectoryName/DirectoryName/FileName <!-- 2つ下の階層 -->
../FileName <!-- 1つ上の階層 -->
../../FileName <!-- 2つ上の階層 -->
../DirectoryName/FileName <!-- 同じ階層の別ディレクトリ -->

絶対/相対URLと相対URLの使い分け

amaru.me/index.htmlが基準で、index.htmlと同階層にあるarticleフォルダの中のpost.htmlへのリンクを貼るとします。 その場合の絶対URL指定と相対URL指定は、以下の記述になります。

<a href="http://amaru.me/article/post.html">絶対URL指定</a>
<a href="article/post.html">相対URL指定</a>

絶対URLでの指定はファイルアドレスが明瞭な一方で、ドメインなどを変更してアドレスが変わればその度に指定先を修正する必要があります。

対して相対URLでの指定はドメインなどを変更しても優勢の必要がなく柔軟な一方で、ディレクトリ構造の分からない外部サイトには使えません。

なので基本的にサイト内ファイル指定には相対URLを、外部サイトのファイル指定には絶対URLを使うといいでしょう。

\share/

よく読まれている記事