

#
“href”属性について
“href”属性はリンク先のURLを指定します。“href”属性を指定した“area”要素は属性値で指定したURLへのハイパーリンクの出発点となります。値となるURLは相対パスや絶対パスで指定することができます。
#
指定できる値
リンク先となる要素に付けられた“id”属性の値の先頭に“#”をつけて“href”属性の値に指定することでウェブページ内の特定の箇所へのリンクとすることができます。
また、ブラウザがサポートする“mailto:”や“tel:”などのスキームを付与することでリンクをクリックした時に特定の動作をさせることができます。
値を“mailto:メールアドレス”の形で指定することでリンクのクリックでメールソフトを起動させることができます。あて名欄に指定したメールアドレスが記入された状態でメールソフトが起動します。
値を“tel:電話番号”の形で指定することで電話発信用のリンクとすることができます。
#
サンプルコード
<img src="sample_map.png" alt="イメージマップのサンプル" usemap="#sample6">
<map name="sample6">
<area href="sample.html" shape="rect" coords="8,32,72,99" alt="リンク">
<area href="mailto:emailaddress@example.com" shape="poly" coords="97,103,30,193,163,193" alt="メール">
<area href="tel:0312345678" shape="circle" coords="146,59,47" alt="電話">
</map>
