HTMLタグのhref属性で相対パスと絶対パスの使い分けを解説

実用的なWeb開発では、画像の挿入やCSSファイルのインクルードなど、パスが必要です。誤ったパスが付加されていると、参照に失敗する（リンク先のファイルが閲覧できない、挿入した画像が表示できないなど）。初心者の方は混乱される方が多いので、以下、相対パスと絶対パスについて詳しく紹介します。

HTML相対パス
このファイルが置かれているパスによって引き起こされる、他のファイル（またはフォルダ）とのパス関係のことを指します。
例
ファイル 1.htm の絶対パスは、d:/www/html/1.htm です。
ファイル2.htmの絶対パス： d:/www/html/2.htm
次に、2.htmに対する1.htmの相対パスは次のようになります。

相対リンクは、以下のように使用します。
同じディレクトリにリンクする場合は、例えば、リンクする文書名を入力するだけです。

次のレベルのディレクトリにリンクする場合は、まずディレクトリ名を入力し、次に「/」を追加して、ファイル名を入力する必要があります。

上位のディレクトリにリンクする場合は、まず「. /" を入力し、次にディレクトリ名、ファイル名、例．

概要例
/{br aaa.html bbb.html ccc.html index.html の4つのhtmlファイルがあります。
aaa.htmlのパスは。D:/www/adminwang/html/aaa.html です。
bbb.htmlのパスは。D:/www/adminwang/ bbb.html です。
ccc.htmlのパスは。D:/www/ ccc.html です。
index.html へのパスは D:/www/ index.html です。

1. 同じディレクトリのファイルをリンクする
例えば、index.htmlにリンクしているccc.htmlファイルのコードは以下の通りです。