URIとは
URIとは、リソースの場所を示すためのものです。リンクを設定する場合や画像などのファイルを埋め込む場合に、対象のファイルをURIで指定することになります。
<a href="http://www.example.com/">Webサイト制作</a>
<img src="image/example.gif" alt="サンプル">
上記の例では、http://www.example.com/
と image/example.gif
の部分がURIになります。
絶対URIと相対URIの使い分け
URIの指定方法には、絶対URIによる指定と相対URIによる指定があります。
- 絶対URI
http://
(https://
)から始まる指定方法です。別サイトにリンクする場合は、この方法で指定します。- 相対URI
- 現在地を基準とした相対的な指定方法です。サイト内のページにリンクする場合は、この方法で指定するのが一般的です。
絶対URIの指定方法
対象となるファイルの場所を、http://
(https://
)から記述します。
例えば、TAG index(トップページ)の絶対URIは次の内容になります。
https://www.tagindex.com/index.html
相対URIの指定方法
現在地を基準として、対象となるファイルの場所を相対的に指定します。
現在地と対象ファイルの位置関係により、記述方法は次のようなパターンに分けられます。
- 以下は、リンクを設定する場合の指定例です。
同じディレクトリ内にリンクする時は、ファイル名のみ(または ./
に続けてファイル名)を記述します。
<a href="index.html"></a>
<a href="./index.html"></a>
下位の階層にリンクする時は、ディレクトリ名に続けて /
を入れ、ファイル名を記述します。
<a href="example1/index.html"></a>
<a href="example1/example2/index.html"></a>
上位の階層にリンクする時は、../
に続けてファイル名を記述します。../
は1つ上の階層を指定するものです。2つ上の階層を指定する時は、../
を2つ入れてからファイル名を記述します。
<a href="../index.html"></a>
<a href="../../index.html"></a>
同じ階層の別ディレクトリ内にリンクする時は、../
に続けてディレクトリ名と /
を入れ、ファイル名を記述します。
<a href="../example/index.html"></a>