Element-Referenz
HTML 5 doctype - weil html einfach einfach ist.
nach oben

    <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
    HTML5 LogoHTML5

    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.


    W3C Logo & WHATWG Logo Spezifikation

    Tastaturkürzel