このウェブサイトはご利用の端末での閲覧に対応していません。
This website does not support your device.

area”要素~“href”属性

記事Jun. 23rd,2015
July 7th,2020
リンク先を指定する属性
この記事はHTML Living Standardに対応しています。
この記事はHTML Living Standardに対応しています。

href”属性について

href”属性はリンク先のURLを指定します。“href”属性を指定したarea”要素は属性値で指定したURLへのハイパーリンクの出発点となります。値となるURLは相対パスや絶対パスで指定することができます。

指定できる値

属性値 説明
URL リンク先のURL
#ID名 リンクの到達点となる要素のid”属性の値
mailto:メールアドレス メールの送信先
tel:電話番号 発信する電話番号

リンク先となる要素に付けられた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>
イメージマップのサンプル リンク メール 電話
一番上へ
トップにもどる
シェアする
シェアする
Facebookでシェアする
ツイート
Google+でシェア
Pocket
はてなブックマーク