HTML5タグ虎の巻

mapタグ

mapは、クリッカブルマップを設定するタグです。

解説

mapタグの子要素に、areaタグを使用して範囲を指定します。

設定方法としては、作成したクリッカブルマップをimgタグのusemap属性でmapを紐づけます。

コンテンツ・モデル

カテゴリー
(自カテゴリ)
フロー・コンテンツ
フレージング・コンテンツ
コンテキスト
(親カテゴリ)
フレージング・コンテンツを許可する場所
コンテンツ・モデル
(子カテゴリ)
トランスペアレント

属性

mapタグには以下の属性が指定できます。

【属性】
属性説明
nameクリッカブルマップに名前を付ける
(例)name="cmap"

サンプル

画像にクリッカブルマップを設定する

<img src="map.png" usemap="#mss">
<map name="mss">
  <area href="maru.html" shape="circle" title="丸" coords="80,56,38">
  <area href="sankaku.html" shape="poly" title="三角" coords="215,18,170,95,260,95">
  <area href="shikaku.html" shape="rect" title="四角" coords="312,20,392,95">
</map>

備考

  • mapタグはクリッカブルマップを定義するだけで、詳細な設定はareaタグで行います。

関連項目

  • img:画像を表示する
  • map:クリッカブルマップを設定する
  • area:クリッカブルマップのリンクエリアを設定する