Beispiel
Ein Bild-Karte, mit anklickbaren Bereichen:
<img src="planets.gif"
width="145" height="126"
alt="Planets"
usemap="#planetmap">
<map
name="planetmap">
<area shape="rect" coords="0,0,82,126" href="sun.htm" alt="Sun">
<area shape="circle" coords="90,58,3" href="mercur.htm" alt="Mercury">
<area shape="circle" coords="124,58,8" href="venus.htm" alt="Venus">
</map>
Versuch es selber " Definition und Verwendung
Die <map> -Tag wird verwendet , um eine Client-seitige Image-Map zu definieren. Ein Bild-Karte ist ein Bild mit anklickbaren Bereiche.
Der gesuchte Name - Attribut des <map> Element wird mit dem zugehörigen <img>'s usemap Attribut und schafft eine Beziehung zwischen dem Bild und der Karte.
Das <map> Element enthält eine Reihe von <area> Elemente, die die anklickbare Bereiche in der Image - Map definiert.
Browser-Unterstützung
| Element | |||||
|---|---|---|---|---|---|
| <map> | ja | ja | ja | ja | ja |
Unterschiede zwischen HTML 4.01 und HTML5
Hinweis: In HTML5, wenn das id - Attribut des <map> -Tag auch angegeben wird, den gleichen Wert wie die haben müssen name - Attribut.
Unterschiede zwischen HTML und XHTML
In XHTML, der name ist Attribut veraltet und werden entfernt. Verwenden Sie die globale ID - Attribut statt.
Attribute
| Attribut | Wert | Beschreibung |
|---|---|---|
| name | mapname | Erforderlich. Gibt den Namen einer Bildkarte |
globale Attribute
Die <map> Tag unterstützt auch den Global in HTML - Attribute .
Event-Attribute
Die <map> Tag unterstützt auch der Veranstaltung in HTML - Attribute .
Verwandte Seiten
HTML - DOM - Referenz: Map - Objekt
Standard CSS-Einstellungen
Die meisten Browser zeigt das Display <map> Element mit den folgenden Standardwerte:
map {
display: inline;
}