リンクとアンカー

年間のスケジュール

 上に作成されているリンクはクリックすると同じページ内のアンカーへジャンプします。HTMLコードは次のように記述されています。

   <UL>
    <LI><A HREF="#10">10月</A>
    <LI><A HREF="#11">11月</A>
    <LI><A HREF="#12">12月</A>
    <LI><A HREF="#1">1月</A>
   </UL>

 <A HREF="#10">10月</A> はリンクタグと同じですが、HREFにアンカー名を指定しています。ジャンプ先のアンカーには

    <A NAME="10">10月</A> 

と書かれています。"10"がアンカー名です。アンカー名はそのページの中でユニークであれば自由に付けられます。アンカータグ <A> と </A> で囲まれたテキスト 10月 をアンカーテキストといいます。アンカーテキストは強調表示されないのでアンカーが作成されていることは画面では分かりません。リンクタグの HREF には"#10"のようにアンカー名の前に#をつけます。アンカーが別のページにある場合には # の前にファイル名をつけて HREF="anchor.html#10"のように書きます。

年間のスケジュール

10月    ←ここはアンカーで <A NAME="10">10月</A> の記述があります。

11月    ←ここはアンカーで <A NAME="11">11月</A> の記述があります。

12月    ←ここはアンカーで <A NAME="12">12月</A> の記述があります。

1月     ←ここはアンカーで <A NAME="1">1月</A> の記述があります。




ホームに戻る