リンク

リンク(ハイパーリンクの略）とは、クリックまたはタップすると新しい場所へ移動できるHTMLオブジェクトです。リンクはほとんどすべてのWebページにあり、Web上のページ間を移動する簡単な手段を提供します。

リンクは、テキスト、画像、その他のHTML要素に設定できます。ほとんどのテキストリンクが青色なのは、Webブラウザーがリンクを表示する標準色だからです。ただし、リンクテキストのスタイルはHTMLまたはCSSスタイルを使って変更できるため、リンクはどの色にもできます。Webの初期には、リンクはデフォルトで下線付きでした。現在では、リンクに下線を付けることはあまり一般的ではありません。

画像にリンクを設定すると、リンクのタグが画像タグを包み込みます。画像タグはリンクタグの内側にあるため、画像自体がリンクになります。この方法は、<div>や<span>オブジェクトなど、その他の要素にリンクを設定するためにも使用できます。ただし、CSSを使ってリンクのスタイルを設定できるため、<div>タグや<span>タグの代わりに、CSSクラスまたはID属性を付けた<a>タグがよく使われます。

以下は、テキストリンクと画像リンクのHTMLの例です。

テキストリンク： <a href="/definition/computer">Computer Definition</a>

画像リンク： <a href="https://techterms.com/definition/computer"><img src="/images/computer.jpg" alt="desktop PC"></a>

相対リンクと絶対リンク

上の最初のリンクは、ドメイン名を含まないため、「相対リンク」です。このリンクは現在のWebサイトを基準にしています。たとえば、TechTerms.com内の内部リンクには、ソースに「https://techterms.com/」を含める必要はありません。むしろ、「/definition/computer」のような相対リンクだけで十分です。リンクはスラッシュで始まっているため、パスはルートディレクトリから始まります。相対リンクがスラッシュで始まらない場合、パスは現在のURLを基準にします。

上の2番目のリンクは、ドメイン名を含むため、絶対リンクです。絶対リンクは、別のWebサイトへ誘導する外部リンクに必要です。絶対リンクは「http」または「https」で始まります。また、2つのスラッシュ（「//」）で始めることもできます。これは、HTTP経由で提供されるページでは「http://」として、HTTPS経由で提供されるページでは「https://」として解釈されます。

NOTE: <a>タグの「a」は「anchor（アンカー）」を表します。初期のハイパーテキスト文書では、他のページではなく、ページ内のアンカー（またはマーカー）にリンクすることがよくあったためです。<a>内の「href」は「hypertext reference（ハイパーテキスト参照）」を表します。