mapの使い方についてまとめ

mapの概要

mapはイメージマップを定義する要素です。イメージマップとはひとつの画像上のクリックする場所によって別のリンク先に遷移するイメージのことです。

mapのカテゴリー

mapに入れられるタグ一覧

タグ早見表

a audio canvas del ins map object video

入れられるタグのカテゴリー・モデル

mapに使える属性

属性とは<map> タグ内に入れることのできるものです。属性をあてはめることにより、CSS・JavaScriptなどで操作する際に識別させることが可能になります。

よく使うグローバル属性

id 概要 要素に対してID固有の識別名を付けることができます。
属性の値 英字から始まる英数字
class 概要 要素に対して分類名を付けることができます。
属性の値 英字から始まる英数字
style 概要 要素に対して直接スタイルを指定することができます。
属性の値 スタイルシートのコード

mapで使うその他属性

name 概要 mapを参照可能にするために指定します。
属性の値 文字列

スポンサードサーチ

<map>の使い方

ブラウザ対応状況

ブラウザの対応(PC)
Chrome あり
Safari あり
Internet Explorer あり
Edge あり
Firefox あり
Opera あり
ブラウザの対応(SP)
Chrome あり
Safari あり
Samsung Internet あり

WORK REQUEST

CONTACT