忍者ブログ

ホームページ作成ビギナーズガイド

HTML4.01とCSSによるWeb標準のホームページ作成入門。

[PR]

×

[PR]上記の広告は3ヶ月以上新規記事投稿のないブログに表示されています。新しい記事を書く事で広告が消えます。

aタグ(リンク)

aタグはanchor、錨(いかり)のaです。リンクの起点または終点を示すことができます。

リンクの起点となる例

href属性と組み合わせて、リンクの起点を示すことができます。 要はリンクを貼ることです。

使用例

例えば「Yahoo」というテキストで「http://www.yahoo.co.jp/」にリンクする場合はこうなります。

<a href="http://www.yahoo.co.jp/">Yahoo</a>

リンクの終点となる例

name属性と組み合わせて、リンクの終点を示すことができます。

<a name="名前">~</a>

ページの途中にこのように書くと、「<a href="URL#名前">~</a>」として、ページの途中にリンクすることができます。

使用例

<h2>目次</h2>
<ol>
<li><a href="#chapter1">第一章</a></li>
<li><a href="#chapter2">第ニ章</a></li>
</ol>

<h2><a name="chapter1">第一章</a></h2>
<p>~</p>

<h2><a name="chapter2">第ニ章</a></h2>
<p>~</p>

この例では同一ページ内で、名前を付けた地点にリンクしてますので、「URL#名前」のURLの部分は省略してます。

リンク先の指定の仕方には相対パスや絶対パスというのがありますが、それについてはこちらが参考になると思います。
絶対パスと相対パス

id属性

リンクの終点を示すにはid属性を使うこともできます。

<h2 id="chapter1">第一章</h2>
<p>~</p>

<h2 id="chapter2">第ニ章</h2>
<p>~</p>

ただ、id属性でリンクの終点を示すのは、古いブラウザだと対応していないことがあります。

target属性

aタグにtarget属性を指定すると、リンク先を別ウインドウで開くなどの指定ができます。

target属性の使用例

<a href="http://www.google.co.jp/" target="_blank">Google</a>

target属性の属性値

target属性は非推奨

target属性は非推奨なので、HTML4.01 Strictでは使えません。 TransitionalとFramesetで使えます。

アクセシビリティ・ガイドラインでは、ユーザーに知らせずに別ウインドウを開いたりウインドウを変更したりしないよう推奨しています。
HTML Techniques for Web Content Accessibility Guidelines 1.0 - 6.4 Anchors and targets

target属性を無効に設定できるブラウザもあります。

PR
brタグ(改行)HOMEqタグ(引用)

コメント

お名前(N)
タイトル(T)
メールアドレス(M)
URL(U)
コメント(C)
パスワード(P)
送信(S)

トラックバック

brタグ(改行)HOMEqタグ(引用)

メニュー

カテゴリー

リンク

RSS

Appendix

リンクはご自由にどうぞ。

最終更新2008/07/09

Valid XHTML 1.0 Transitional
Valid CSS!
Copyright © ホームページ作成ビギナーズガイド All Rights Reserved.
忍者ブログ[PR]