無料ではじめる!ホームページ入門〜ホームページ作成解説サイト〜 HOME HP HTML UP other Link about

HOME > ホームページの基礎 > 絶対URLと相対URL
MENU

絶対URLと相対URL

ホームページをつくるとき、他のページへリンクさせたり画像を表示させたりするには、リンク先のファイルの位置を指定する必要があります。
このときの記述方法には次の2通りの方法があります。

  • 絶対URL
  • 相対URL

絶対URL

ファイルのある場所のURLをすべて記述します。主に他のサイトにあるページや画像を指定するときに使います。

例: <a href="http://www.yahoo.co.jp/">Yahoo! JAPAN</a>

相対URL

基準となるファイルから見てどこにあるか「相対的」に記述する方法です。自分のサイト内では主にこちらを使います。

たとえば次のような位置関係にあるファイルで、main.htmlから相対URLでリンクを設定する場合、下記のようになります。

[home]---index.html
       |
       |
       |-[aaa]---main.html
       |       |
       |       |-aaa.html
       |       |
       |       |-[bbb]---bbb.html
       |
       |-[ccc]---ccc.html             [○○]…フォルダ

index.htmlへのリンク
<a href="../index.html">index.html</a>
上位のフォルダにあるファイルにリンクする場合は「../」のようにピリオド2つとスラッシュをつけます。「..」は1つ上のフォルダを表します。

aaa.htmlへのリンク
<a href="aaa.html">aaa.html</a>
同じフォルダ内のファイルにリンクする場合は、ファイル名だけ記述します。

bbb.htmlへのリンク
<a href="bbb/bbb.html">bbb.html</a>
同じフォルダの中にある下位フォルダにリンクする場合は、「フォルダ名/ファイル名」のように記述します。

ccc.htmlへのリンク
<a href="../ccc/ccc.html">ccc.html</a>
別フォルダにあるファイルにリンクする場合は、「../同位フォルダ名/ファイル名」のように記述します。

NEXT > 

当サイトへのリンクは確認不要です。
ご意見・ご感想などございましたらこちらまで tada_hp@hotmail.com
Copyright (C) 2004 by K.Y All Rights Reserved.
SEO [PR] 爆速!無料ブログ 無料ホームページ開設 無料ライブ放送