map要素
map要素はarea要素を子孫に指定することでクリッカブルマップを作成することができる要素です。
img要素やobject要素で読み込んだイメージに対して利用を行います。(2014年1月時点でobject要素への対応ブラウザはFirefoxのみ)
map要素ではname属性で自身の名前を定義し、img要素やobject要素にはusemap属性でmap要素のname属性を指定します。
object要素の指定方法
<object data="http://www.webcreativepark.net/sample/images/2013-12-05%2013.22.31.jpg" width="500" height="500" usemap="#sample"></object>
<map name="sample">
<area shape="rect" coords="0,0,250,250" href="http://www.webcreativepark.net/sample/" alt="ホーム">
</map>
img要素の指定方法
<img alt="" src="http://www.webcreativepark.net/sample/images/2013-12-05%2013.22.31.jpg" width="500" height="500" usemap="#sample">
<map name="sample">
<area shape="rect" coords="0,0,250,250" href="http://www.webcreativepark.net/sample/" alt="ホーム">
</map>
参考URL
登録日 : 2014年03月01日 最終更新日 : 2014年3月6日