初心者に寄よる初心者の為のHTML辞典

 

リンクについて

html リンク編です。リンクが出来なくてはWebの世界が成り立たなくなってしまいます。サイトを作る際に必要不可欠なものです。
□ リンクを設定する
<a herf="★">〜</a>
★・・・URL
    任意のテキストや画像にリンクします。★には移動先のURL(ファイル名)を記入します。URLは、現在のファイルとの位置を考えて絶対URLか相対URlかを決めましょう。
          
□ 場所を指定してリンクする  その1
<a href="#★">〜</a>  リンク元
<a name="★">〜</a>  リンク先
★・・・キーワード
name属性でページ内の特定の位置にジャンプ出来るようにします。ひとつの文章が非常に長い時などに有効な方法です。
キーワードを決めて、リンク先とする位置(ジャンプする位置)に<a name="★">を設定します。この場合のキーワードはなんでもよいです。しかし編集することを考えたら分かりやすいものをつけたほうがよいでしょう(半角英数のみ)。また、リンク元とリンク先ではキーワードを一致させて、同じキーワードを複数箇所に使わないように気を付けましょう。
href属性の値にはキーワードの戦闘に「#}をつけることも忘れないでください。
 
□ 場所指定してリンクする  その2
<a href="★#☆">〜</a>  リンク元
<a name="☆">〜</a>  リンク先
★・・・リンク先のURL
☆・・・キーワード
リンク元を設定するタグのキーワード前にリンク先のURLを指定すると、他のページの特定の位置へジャンプすることができます。
キーワードを決めて、リンク策とする位置(ジャンプする位置)に<a name="☆">を設定します。この場合のキーワードはなんでもよいです。しかし編集することを考えたら分かりやすいものをつけたほうがよいでしょう(半角英数のみ)。また、リンク元とリンク先ではキーワードを一致させて、同じキーワードを複数箇所に使わないように気を付けましょう。
href属性の値にはキーワードの戦闘に「#」を付けることも忘れないでください。             
□ 新しいウィンドウにリンク先を表示する
<a href="★" target="☆">〜</a>
★・・・リンク先のURL
☆・・・_blank
通常のリンク指定では、リンク先の内容がリンク元と同じウィンドウ内に読み込まれますが、読み込み先のウィンドウを指定するtarget属性を利用して、別のウィンドウに表示させることが出来ます。この場合はtarget属性に_blankを指定します。_blankは名前のないウィンドウを新しく開く値です。
            
□ リンクを利用してメールを送信する
<a href="mailto:★">〜</a>
★・・・メールアドレス
リンクの設定を使ってメールの宛先を指定することができます。この機能に対応したブラウザであればリンク先をクリックすると、ブラウザ側で設定されているメール発信用のウィンドウが起動します。