<map>要素

<map>要素の定義

英語で「地図」を表す、”map”より。
HTML文書では、画像内のホットスポット領域(=クリック可能な領域)を定義し、任意でその領域とハイパーリンクを関連付ける際に、<area> 要素と組み合わせて使われます。

子要素として使用できるもの

<area> 要素

親要素として使えるもの

記述コンテンツを受け入れるすべての要素。

許可されているARIAロール

なし

DOMインターフェース

HTMLMapElement

属性

グローバル属性が指定できます。

name

マップを参照可能にするための名称を指定します。この属性は必須です。
id属性を合わせて指定する場合には、両方の属性値を一致させる必要があります。

サンプル

See the Pen クリッカブルマップ by Masahiko Iwakiri (@m-iwakiri) on CodePen.


 
 

このサイトでは、HTML要素や属性の定義は下記サイトを参考にしています。
MDN Web Docs: https://developer.mozilla.org/ja/
W3C仕様の正確な定義、最新情報は上記サイトをご覧ください。
HTML要素や属性がどのブラウザに対応しているのかは、下記のサイトで確認できます。
Can I Use?: https://caniuse.com/#home

 

コメント

タイトルとURLをコピーしました