5. リンクしてみよう

名詞としてのリンクと、動詞としてのリンクがあります。

名詞としてのリンク

• リンク（Link） = 複数のリソースの間に設ける関係

動詞としてのリンク

• リンクするということ = 複数のリソースを関連付けること

リソースとは、文書や画像、MIDIファイルなど、ありとあらゆる「資源（Resource）」です。

例を示します。

• Googleは最高の検索エンジンです。

一般的には、この、Googleのような文字列を作ることを、「リンクする」と表現します。Googleにリンクしたわけです。そして、この文書とGoogleとの関係をリンクといいます。この文書は参照した側、Googleは参照された側、そしてこの2つの文書の関係がリンクです。

また、このリンクを形成している文字列そのものを「リンク」ということが多いようです。しかし、制作者にとって混乱の元なので「アンカー」と呼びましょう。アンカーについては後述します。

コラム - リンクをはる? -。

• Googleは最高の検索エンジンです。

まず、aタグで括ってa（anchor）要素とします。

• <a> Google </a> は最高の検索エンジンです。

anchorは錨（いかり）の意味です。

次にhref属性をつけます。

• <a href="">Google</a>は最高の検索エンジンです。

hrefはHyper Referenceの略です。超参照とでも訳しましょうか。

最後に、href属性値に参照先のURIを記述します。

• <a href="http://www.google.co.jp">Google</a>は最高の検索エンジンです。

参考画像

先の例に挙げたものが、最も一般的な「リンク」です。このタイプのリンクは、しばしば「ハイパーリンク」と呼ばれます。

ハイパーリンクは、2つの「アンカー」がリンクを形成しています。「始点アンカー」と「終点アンカー」です。

実際にリンクしてみましょうで作った、Googleという文字（aタグで括ったa要素）が、始点アンカーです。そして、リンク先のGoogle（http://www.google.co.jp/）が終点アンカーとなります。

アンカーとは、錨（いかり）の意味です。2つのリソースを結び付けている錨を想像して下さい。一方の錨はa要素、もう一方はHTML文書です。

ハイパーリンクの仕組みを使わず、普通にGoogleを参照しようとすると、次ような記述をする羽目になるでしょう。

• Google（http://www.google.co.jp）は最高の検索エンジンです。

さあ、こうなると面倒です。http://www.google.co.jpという文字列（URI）をアドレスバーに貼り付けて【移動】ボタンを押すなどしなければなりません。

ハイパーリンクとは、このような煩わしい作業無しに、瞬時に参照されたリソースを閲覧することが出来る仕組みです。

HTMLで作ることの出来るリンクの形式はこれだけではありません。

1. 参照する側のリソースと参照される側のリソースとの関係（ハイパーリンク）

a要素（anchor要素）による外部（内部）リソースの参照という形で関係づける

2. 取り込む側のリソースと取り込まれる側のリソースとの関係

link, img, object, iframe, frame要素等による外部（内部）リソースの取り込み

3. その他の関係

link要素によってその他の様々な関係を示すことができる

但し、一般的にリンクといえば、1.（ハイパーリンク）を指すことが多いようです。

ハイパーテキストとは

他の文書にリンクしている文書を、ハイパーテキスト（Hypertext）といいます。HTMLのHT、HyperTextです。

What is Hypertext?(英文)参照

直リンクって何?

社会通念（日本）では、a要素以外の手段で他のリソースにリンクすることを言うようです。

リンク（英語でLink）は、動詞としてのLink、名詞としてのLinkの2つがあります。動詞としてのLinkがあるのですから、わざわざ張る、あるいは貼るというややこしい言い回しをする必要はない気がします。

リンクとは「関係」のことであり、「関係を貼る」という言い回しは奇妙です。制作者であるならば、リンクの出発点を形成している部分は「始点アンカー」あるいは単に「アンカー」と言うべきですから、やはり、「リンクをはる」という言い回しは避けるべきでしょう。

• 6. 文書型を選択しよう