【りんく】

リンク とは?

最終更新:
💡 文字や画像から、情報のある場所へつなぐ

文字や画像などを選ぶと、指定されたページやファイル、ページ内の場所などへ移動できる仕組み。Webではハイパーリンクとも呼び、URLで示す移動先と、画面に見える文字や画像を結び付ける。

📌 このページのポイント
リンク:情報の場所へつなぐ ページA 使い方を読む ページB 選んで移動 見える文字:使い方を読む 移動先のURL:/guide/ 画像をリンクにすることもできる 同じページの見出しやファイルへも移動できる
クリック・タップ・キーボードで操作できます。URLと表示文字は別のものです。
ひよこ ひよこ
リンクって、青い文字のこと?
ペンギン先生 ペンギン先生
青い文字や下線はよく使われる見た目だよ。でも色は変えられるし、画像がリンクになっていることもある。選ぶと指定された場所へ移動できる仕組みを、ここではリンクと呼んでいるんだ。
ひよこ ひよこ
URLとは違うもの?
ペンギン先生 ペンギン先生
URLは移動先を表す住所のようなもの。リンクは「詳しく読む」などの文字や画像に、その移動先を結び付ける仕組みだよ。見えている文字と実際のURLが同じとは限らないんだ。
ひよこ ひよこ
押すと必ず別のページに行くの?
ペンギン先生 ペンギン先生
同じページの見出しへ移動したり、PDFなどのファイルを開いたりするものもあるよ。メールアプリを起動するリンクもある。移動先やブラウザの設定によって動作が変わるんだ。
ひよこ ひよこ
どうやって作るの?
ペンギン先生 ペンギン先生
HTMLでは「<a href="/guide/">使い方</a>」のように、a要素のhrefに移動先を指定するよ。通常のリンクはクリックやタップに加え、キーボードでフォーカスを合わせてEnterでも開ける。何へつながるか分かる文字にすることが大切だね。
ひよこ ひよこ
リンク切れはなぜ起きるの?
ペンギン先生 ペンギン先生
ページの削除、URLの変更、指定の間違いなどで、目的の情報にたどり着けなくなるんだ。404は、サーバーが指定された情報を見つけられないときの応答の一つ。サイトを管理するときは、移動先を確かめてリンクを修正しよう。
ペンギン
まとめ:ざっくりこれだけ覚えればOK!
「リンク」って出てきたら「文字や画像から、指定された情報の場所へ移動する仕組み」と思えばだいたいOK!
📖 おまけ:英語の意味
「link / hyperlink」 = つながり・ハイパーリンク
💬 linkは「つながり」。Webでは、情報と情報をつなぐハイパーリンクを短くリンクと呼ぶことが多いよ。

参考資料

← 用語集にもどる