From 33058f2b292b3a581333bdfb21b8f671898c5060 Mon Sep 17 00:00:00 2001 From: Peter Bengtsson Date: Tue, 8 Dec 2020 14:40:17 -0500 Subject: initial commit --- files/ja/web/html/element/map/index.html | 126 +++++++++++++++++++++++++++++++ 1 file changed, 126 insertions(+) create mode 100644 files/ja/web/html/element/map/index.html (limited to 'files/ja/web/html/element/map') diff --git a/files/ja/web/html/element/map/index.html b/files/ja/web/html/element/map/index.html new file mode 100644 index 0000000000..783d6e09c2 --- /dev/null +++ b/files/ja/web/html/element/map/index.html @@ -0,0 +1,126 @@ +--- +title: +slug: Web/HTML/Element/map +tags: + - Element + - HTML + - HTML embedded content + - Multimedia + - Reference + - Web +translation_of: Web/HTML/Element/map +--- +
{{HTMLRef}}
+ +

HTML の <map> 要素はイメージマップ (クリック可能なリンク領域) を定義するために {{HTMLElement("area")}} 要素とともに使用します。

+ +
{{EmbedInteractiveExample("pages/tabbed/map.html", "tabbed-standard")}}
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
コンテンツカテゴリフローコンテンツ、記述コンテンツ、知覚可能コンテンツ
許可されている内容すべての透過的要素
タグの省略{{no_tag_omission}}
許可されている親要素記述コンテンツを受け入れるすべての要素
暗黙の ARIA ロール対応するロールなし
許可されている ARIA ロール許可されている role なし
DOM インターフェイス{{domxref("HTMLMapElement")}}
+ +

属性

+ +

この要素はグローバル属性を持っています。

+ +
+
{{htmlattrdef("name")}}
+
name 属性は、マップを参照可能にするための名前を与えます。この属性は指定しなければならず、値は空文字列ではなく空白文字を含まないものにしなければなりません。 name 属性の値は、同一文書内の別の <map> 要素の name 属性の値と compatibility-caseless 方式で一致してはいけません。 {{htmlattrxref("id")}} 属性も指定した場合は、両方の属性の値を同一にしなければなりません。
+
+ +

例

+ +
<map name="primary">
+  <area shape="circle" coords="75,75,75" href="left.html">
+  <area shape="circle" coords="275,75,75" href="right.html">
+</map>
+<img usemap="#primary" src="https://placehold.it/350x150" alt="350 x 150 pic">
+
+ +

結果

+ +

{{ EmbedLiveSample('Examples', '350', '166', '', 'Web/HTML/Element/map') }}

+ +

想定されるライブ例の結果

+ +

上の live example は、(キーボードの Tab キーを使用すると) 以下の画像のようになるはずです:

+ +

left.html へのリンク:
+

+ +

right.html へのリンク
+

+ +

仕様書

+ + + + + + + + + + + + + + + + + + + + + + + + + + +
仕様書状態備考
{{SpecName('HTML WHATWG', 'embedded-content.html#the-map-element', '<map>')}}{{Spec2('HTML WHATWG')}}
{{SpecName('HTML5 W3C', 'semantics-embedded-content.html#the-map-element', '<map>')}}{{Spec2('HTML5 W3C')}}
{{SpecName('HTML4.01', 'struct/objects.html#h-13.6.1', '<map>')}}{{Spec2('HTML4.01')}}初回定義
+ +

ブラウザーの互換性

+ + + +

{{Compat("html.elements.map")}}

+ +

関連情報

+ + -- cgit v1.2.3-54-g00ecf