ハイパーリンク

この記事は約2分で読めます。

Webページ同士を繋ぐ、最も基本的な技術

ハイパーリンクは、Webページ同士を繋ぎWebページ中の文字や画像、アイコン等をクリックして別のWebページに移動することを目的としている。
ハイパーリンクは、Webの中でも最も特徴的で、これがなければWebサイトは成立しないと言えるぐらい基本的な技術である。

ハイパーリンクのHTML

HTMLでハイパーリンクを作成するには、「aタグ」を使用する。
aタグの開始タグと、終了タグの間に挟んだ文字列がクリック出来るようになる。
リンク先のURLは、「href属性」で指定することが出来る。
この時のURLは、絶対パスでも相対パスでも記述出来るが、どちらを使うにしても同じWebサイト内では用法を統一するのが望ましい。
また、Webページ制作では相対パスを使用する方がメリットを多く得られるため、相対パスで記述することを基本とした方が良い。

HTML
<a href="../index.html">リンク</a>

外部Webサイトへ移動するハイパーリンクのHTML

外部のWebサイトにリンクするためには、href属性の値としてhttp://で始まる絶対パスでURLを記述する。
同じWebサイト内であれば相対パスで記述するのが一般的だが、外部のWebサイトの場合は必ず、絶対パスで記述する必要がある。

HTML
<a href="http://www.example.jp/">リンク</a>

タイトルとURLをコピーしました