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

img”要素~“usemap”属性

記事Apr. 8th,2015
July 7th,2020
クライアントサイドイメージマップと画像を関連付ける属性
この記事はHTML Living Standardに対応しています。
この記事はHTML Living Standardに対応しています。

usemap”属性について

usemap”属性はmap”要素によって定義されるクライアントサイドイメージマップとimg”要素を関連付けるための属性です。

usemap”属性の値は関連付けるmap”要素name”属性の値に“#”をつけて記述します。

指定できる値

属性値 説明
#マップ名 イメージマップの名前(map”要素name”属性の値)

サンプルコード

<img src="sample_map.png" alt="イメージマップのサンプル" usemap="#sample1">

<map name="sample1">
<area href="sample1.html" shape="rect" coords="8,32,72,99" alt="長方形">
<area href="sample2.html" shape="poly" coords="97,103,30,193,163,193" alt="多角形">
<area href="sample3.html" shape="circle" coords="146,59,47" alt="円形">
</map>
イメージマップのサンプル 長方形 多角形 円形
一番上へ
トップにもどる
シェアする
シェアする
Facebookでシェアする
ツイート
Google+でシェア
Pocket
はてなブックマーク