アンカータグ(以降Aタグ)はページのリンクに関するタグです。
ここではAタグのその他の属性について解説します。
・ページ内の指定箇所へリンク
・ページ外の指定箇所へリンク
・TARGET属性
・アンカーの下線を表示しない
・状態によって様々な色を使う
ひとつのページが長い文章で構成されている場合や、たくさんの段落で構成されている場合は、 以下のようにページ内リンクを設定した方が見やすくなることがあります。
|
ジャンプ元として、href属性で指定。 <A href="#target">『TARGET属性』へ</A><BR> <A href="#kasen">『アンカーの下線を表示しない』へ</A><BR> <A href="#jyoutai">『状態によって様々な色を使う』へ</A><BR> ジャンプ先として、name属性で指定。 <A name="target">TARGET属性</A><BR> <A name="kasen">アンカーの下線を表示しない</A><BR> <A name="jyoutai">状態によって様々な色を使う</A><BR> |
|
『TARGET属性』へ 『アンカーの下線を表示しない』へ 『状態によって様々な色を使う』へ |
上記例の応用でページ外へリンクします。 この例ではお薦めフリーソフトの『基本必須ツール』のname属性をhissuに指定しています。
|
<A href="../bennri_tool.htm#hissu">基本必須ツールの紹介</A><BR> ../bennri_tool.htmのname="hissu"にジャンプします。 |
|
基本必須ツールの紹介 ../bennri_tool.htmのname="hissu"にジャンプします。 |
このページのようにフレームを使用している場合、以下のようにTARGET属性を指定すればページの開き方を指定できます。
|
<A href="../index.html">トップページへ</A><BR> <A href="../index.html" target="_top">トップページへ(_top)</A><BR> <A href="../index.html" target="_blank">トップページへ(_blank)</A><BR> |
|
トップページへ トップページへ(_top) トップページへ(_blank) |
アンカーはデフォルトでは下線が表示されます。しかしスタイルシートを併用すれば下線を表示しないようにできます。
|
<A href="../index.html">トップページへ</A><BR> <A href="../index.html" style="text-decoration:none;">トップページへ</A><BR> |
|
トップページへ トップページへ |
BODYの属性を指定すれば一風変わったアンカーが使用できます。
|
<BODY text="#000000" link="#00ff00" alink="#000000" vlink="#ff00ff"> リンクです<BR> <A href="../index.html">トップページへ</A><BR> </BODY> |
|
リンクです トップページへ(デフォルト) トップページへ(デフォルト) トップページへ(属性指定) トップページへ(属性指定) トップページへ(属性指定) トップページへ(属性指定) |