<map>
Bedeutung
Bereich für verweis-sensitive Grafiken
Notation
<map [Attribute]>[Elementinhalt]</map>Elternelemente
Kann gemäß der HTML5 Spezifikation innerhalb der folgenden Elemente vorkommen:
Liste der HTML 5 Block-ElementeBlock-Elemente und Liste der HTML 5 Inline-ElementeInline-Elemente.
Elementinhalt
Kann Text mit folgenden anderen HTML-Elementen enthalten:
Liste der HTML 5 Block-ElementeBlock-Elemente und zum <area> Element<area>.
Attribute
Kann folgende elementspezifische Attribute enthalten:zum HTML5 Attribut namename
Des Weiteren kann das Element folgende allgemeinen Attribute und Event-Handler enthalten:zum HTML5 Attribut accesskeyaccesskey | zum HTML5 Attribut classclass | zum HTML5 Attribut contenteditablecontenteditable | zum HTML5 Attribut contextmenucontextmenu | zum HTML5 Attribut datadata | zum HTML5 Attribut dirdir | zum HTML5 Attribut draggabledraggable | zum HTML5 Attribut hiddenhidden | zum HTML5 Attribut idid | zum HTML5 Attribut itemitem | zum HTML5 Attribut itempropitemprop | zum HTML5 Attribut langlang | zum HTML5 Attribut spellcheckspellcheck | zum HTML5 Attribut stylestyle | zum HTML5 Attribut subjectsubject | zum HTML5 Attribut tabindextabindex | zum HTML5 Attribut titletitle onabort | onblur | onchange | onclick | oncontextmenu | ondblclick | ondrag | ondragend | ondragenter | ondragleave | ondragover | ondragstart | ondrop | onfocus | onkeydown | onkeypress | onkeyup | onmousedown | onmousemove | onmouseout | onmouseover | onmouseup | onmousewheel | onscroll
Standard-Style-Formateigenschaften
map {
display: inline;
}
Beispiel
<img usemap="#map1" alt="HTML5 Logo" src="http://static.html5-webdesign.de/img/HTML5_Logo_256.png" width="192" height="225" /> <map name="map1"> <area href="/Element-Referenz/map.html" alt="H" title="H" coords="40,15,65,45" shape="rect" /> <area href="/Element-Referenz/map.html" alt="T" title="T" coords="70,15,95,45" shape="rect" /> <area href="/Element-Referenz/map.html" alt="M" title="M" coords="100,15,125,45" shape="rect" /> <area href="/Element-Referenz/map.html" alt="L" title="L" coords="130,15,150,45" shape="rect" /> <area href="/Element-Referenz/map.html" alt="5" title="5" coords="55,83,141,83,133,170,98,180,62,170" shape="poly" /> </map>
Anzeigebeispiel
Erläuterung
Bei der Notoation von Image-Maps ist zu beachten, dass das <map> Element durch ein name Attribut spezifiziert wird. Die Grafik, über die die Image-Maps positioniert wird, muss dieser mit einem usemap Attribut zugewiesen werden. Innerhalb des <map> Elements werden dann wiederum die Bereiche mit dem <area> Element definiert.
& 
Spezifikation