リンク1【HTML】
ここでいう「リンク」とはハイパーリンクのことで「ページやその属するオブジェクト(画像など)間同士の連結」を意味します。だだし、一般的には「※アンカー」の意味も含みます。
※ |
アンカーとは、HTMLによってリンク先の情報を与え、ハイパーリンクに設定する要素(タグ)のことです。
例 TOPページへ飛びます。
上のような、別のページへジャンプさせるためのもの(一般に「リンク」と呼ばれるもの)がアンカーです。 |
「リンク」には指定先の違いで、ページ内へのリンクとページ外へのリンク、そしてその混合したものの3種類に分けることができます。
これら3種類のリンクの種類のすべてについて<A
HREF="(リンク先)">...</A>タグを用います。違いはHREFの部分です。
ページ内のリンクにはブックマークを用います。ページ外のリンクにはそのページへのURL(ホームページのアドレス)を指定します。そして、他のページに設定されたブックマークへのリンクにはURLとブックマークを組み合わせたものを使います。
以降それらを3回に亘って説明していきます。今回はその1回目として「ページ内へのリンク」を説明します。
【ページ内へのリンク】
ページ内へのリンクにはブックマークというものを使うということは説明しました。このブックマークとは何かを先に説明しておきましょう。
和訳すれば本などにはさむ「しおり」のことをいい、ここでいうブックマークもホームページ上のしおりと考えていいでしょう。
ただし、現実に本などで用いる「しおり」とは違い、一般の訪問者がページ上で目視したり、設定を変えたりできるものではありません。HTMLのエンジニアがリンク先を設定するためにHTML内部にあらかじめ埋め込んでおく目印に過ぎません。
※ |
このページ内にも幾つかのブックマークが設定されています。
サイドバーの「記事一覧」をクリックすると、その記事本文にジャンプしますが、これは各記事本文側にブックマークが設定されており、記事一覧側から各ブックマークへリンクされているからです。 |
HTMLタグでは次のように記述します。
例 [ブックマーク側](ジャンプ先)
<A NAME="(任意のブックマーク名)">...</A>
※ |
任意のブックマーク名とはいっても、同じページ内に複数の同じ名前は使えません。
また、「...」の部分はジャンプ先の文字列や画像を示します。 |
例 [リンク(アンカー)側](ジャンプ元)
<A HREF="#既存のブックマーク名">...</A>
詳細はクラスで説明します。
※わかりにくいようであれば説明しますのでクラス開催日にお申し出ください。
|