<マップ>

HTML <map> タグ

インスタンス

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>php中文网(php.cn)</title>
</head>
<body>

<p>点击太阳或其他行星，注意变化：</p>

<img src="planets.gif" width="145" height="126" alt="Planets" usemap="#planetmap">

<map name="planetmap">
  <area shape="rect" coords="0,0,82,126" alt="Sun" href="sun.htm">
  <area shape="circle" coords="90,58,3" alt="Mercury" href="mercur.htm">
  <area shape="circle" coords="124,58,8" alt="Venus" href="venus.htm">
</map>

</body>
</html>

インスタンスの実行»

[インスタンスの実行] ボタンをクリックしてオンラインインスタンスを表示します

ブラウザのサポート

最も閲覧されているこれまでのところ、ブラウザは <map> タグをサポートしています。

タグの定義と使用方法

<map> タグは、クライアント側のイメージマッピングに使用されます。イメージマップは、クリック可能な領域のあるイメージです。

<img> の usemap 属性は <map> の id または name 属性を参照できるため、id 属性と name 属性の両方を <map> に追加する必要があります。

エリア要素は常にマップ要素内にネストされます。 area 要素は、イメージマップ内のエリアを定義します。

HTML 4.01とHTML5の違い

注: HTML5では、<map>タグでid属性を指定する場合は、name属性も指定する必要があります。

HTML と XHTML の違い

XHTML では、name 属性は非推奨になりました。代わりに id 属性を使用してください。

プロパティ

プロパティ	値	説明
名前	マップ名	は必須です。イメージマップに指定された名前。

グローバル属性

<map> タグはグローバル属性をサポートしています。完全な属性テーブル HTML グローバル属性を表示します。

イベント属性

<map> は、すべての HTML イベント属性をサポートします。