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>

sample

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>

sample

参考URL

4.7.11 The map element

登録日 : 2014年03月01日 最終更新日 : 2014年3月6日

同じカテゴリー(エンベッディッド)のエントリー

検索

スポンサードリンク

バージョン

リファレンス