<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.