例
クリック可能な領域を有する画像マップ、:
<img src="planets.gif"
width="145" height="126"
alt="Planets"
usemap="#planetmap">
<map
name="planetmap">
<area shape="rect" coords="0,0,82,126" href="sun.htm" alt="Sun">
<area shape="circle" coords="90,58,3" href="mercur.htm" alt="Mercury">
<area shape="circle" coords="124,58,8" href="venus.htm" alt="Venus">
</map>
»それを自分で試してみてください 定義と使用法
<map>タグは、クライアント側画像マップを定義するために使用されます。 イメージマップは、クリック可能な領域を有する画像です。
必要なname属性<map>要素が関連付けられている<img>'s usemap属性と画像と地図との関係を作成します。
<map>要素は、数含まれている<area>イメージマップ内のクリック可能な領域を定義する要素を、。
ブラウザのサポート
素子 | |||||
---|---|---|---|---|---|
<map> | はい | はい | はい | はい | はい |
HTML 4.01とHTML5の違い
注意:HTML5では、場合idの属性<map>タグも指定されている、それは同じ値を持つ必要がありますname属性。
HTMLとXHTMLの違い
XHTMLでは、 name属性は廃止され、削除されます。 使用グローバルid属性を代わりに。
属性
属性 | 値 | 説明 |
---|---|---|
name | mapname | 必須。 画像マップの名前を指定します。 |
グローバル属性
<map>タグもサポートし、グローバルは、HTMLの属性 。
イベント属性
<map>タグもサポートしています。イベントは、HTMLの属性 。
関連ページ
HTML DOMリファレンス: マップオブジェクト
デフォルトのCSS設定
ほとんどのブラウザが表示されます<map>次のデフォルト値を持つ要素を:
map {
display: inline;
}