usemap属性

object要素のusemap属性は、関連付けるイメージマップの名前を指定する任意属性。

ブラウザ対応

構文

<object data="URL" usemap="#イメージマップ名"></object>

イメージマップ名

#に続けて、関連付けるイメージマップの名前を指定する。

サンプルコード

<object data="sample.png" usemap="#sampleImgMap"></object>
<map name="sampleImgMap">
	<area shape="rect" coords="0,0,100,50" href="sample1.html" alt="サンプル１">
	<area shape="rect" coords="100,0,200,50" href="sample2.html" alt="サンプル２">
</map>

サンプル

HTMLソースコード

<object data="sample-object-usemap.png" usemap="#sample-object-usemap"></object>
<map name="sample-object-usemap">
	<area shape="rect" coords="1,0,98,50" href="http://html5.cyberlab.info" alt="ホーム">
	<area shape="rect" coords="101,0,198,50" href="http://html5.cyberlab.info/elements/" alt="要素">
	<area shape="rect" coords="201,0,298,50" href="http://html5.cyberlab.info/elements/embedded/object.html" alt="object要素">
</map>

実際の表示

ホーム 要素 object要素