HTMLでのハイパーリンクの指定方法

HTMLでハイパーリンクを指定する場合は、a(アンカー)要素を使って 次のように記述します。

<a href="リンク先">リンク文言</a>

上のhrefで指定する赤字部分にリンク先を指定しますが、 指定するにはいくつか方法があります。

URL

URL とは「https://sample.com/page1.html」のような、 Webページの保管場所を示す表記方法のことです。
URLを使う場合は次のようになります。

<a href="https://sample.com/news/page1.html">サンプルページ</a>

絶対パス

同じドメイン(自サイト)内のファイルを参照する場合は、 上の「https://sample.com」の部分を省略して、 ファイルの絶対パスで記述することもできます。

<a href="/news/page1.html">サンプルページ</a>

絶対パスは、そのドメインのルートディレクトからのファイルパスを記述し、 先頭は「/(スラッシュ)」で始まります。

相対パス

同じドメイン(自サイト)内のファイルを参照する場合は、 ファイルの相対パスでも記述できます。

<a href="page1.html">サンプルページ</a>

上の場合は、現在のファイルと同じディレクトリにある「page1.html」を参照します。

関連記事

IT基礎知識