<map> - クリッカブルマップ

• トップ
• HTMLリファレンス
• <map>

• 概要
• 説明
• 属性
• 使用例
• 関連項目
• リンク

概要

形式

<map name="...">～</map>

サポート

https://caniuse.com/mdn-html_elements_map

カテゴリ

フローコンテンツ

フレージングコンテンツ

パルパブルコンテンツ

親要素

フレージングコンテンツ を子要素に持てるもの

子要素

トランスペアレント

タグの省略

開始タグ:必須 / 終了タグ:必須

属性

グローバル属性

name

説明

ひとつのイメージ上のクリックする場所によって別のリンク先にジャンプする機能をクリッカブルマップと呼びます。クリッカブルマップにはサーバーサイドクリッカブルマップと、クライアントサイドクリッカブルマップがありますが、<map> タグはクライアントサイドクリッカブルマップを実現します。

属性

グローバル属性

詳細は グローバル属性 を参照してください。

name=name

LS/H4/e4/Ch/Fx/Sa/Op/N2

img 等の usemap 属性で参照される名前を指定します。

使用例

<img src="image/map.gif" alt="画像" usemap="#maptest" style="width:243px; height:68px">
<map name="maptest">
 <area shape="rect" coords="11,16,63,54" alt="HTML" href="../html/index.htm">
 <area shape="poly" coords="73,50,159,50,159,24,73,9" alt="JavaScript" href="../js/index.htm">
 <area shape="circle" coords="197,32,28" alt="CGI" href="../wwwcgi.htm">
 <area shape="default" alt="Other" href="../www.htm">
</map>

関連項目

• <area>
• <img>

リンク

• https://html.spec.whatwg.org/multipage/image-maps.html#the-map-element
• https://developer.mozilla.org/ja/docs/Web/HTML/Element/map
• https://caniuse.com/mdn-html_elements_map