Looking for html Keywords? Try Ask4Keywords

HTMLImagemaps


Syntax

  • <img usemap="#[map-name]">
  • <map name="[map-name]"></map>
  • <area>

Parameter

Tag / Attribut Wert
<img> Nachfolgend sind die imagemap-spezifischen Attribute aufgeführt, die mit <img> . Es gelten reguläre <img> -Attribute.
usemap Der name der Karte mit vorangestelltem Hash-Symbol. Für eine Karte mit name="map" sollte das Bild beispielsweise usemap="#map" .
<map>
name Der Name der Karte, um sie zu identifizieren. usemap mit dem usemap Attribut des Bildes usemap .
<area> Nachfolgend sind <area> -spezifische Attribute aufgeführt. Wenn href angegeben wird, wobei <area> einem Link wird, unterstützt <area> auch alle Attribute des Ankertags ( <a> ) mit Ausnahme von ping . Sehen Sie sie in den MDN-Dokumenten .
alt Der alternative Text, der angezeigt werden soll, wenn Bilder nicht unterstützt werden. Dies ist nur notwendig, wenn auch href im <area> .
coords Die Koordinaten, die den auswählbaren Bereich umreißen. Wenn shape="polygon" , sollte dies auf eine Liste von durch Kommas getrennten "x, y" -Paaren gesetzt werden (dh shape="polygon" coords="x1, y1, x2, y2, x3, y3, ..." ). Wenn shape="rectangle" , sollte dies auf left, top, right, bottom . Wenn shape="circle" , sollte dies auf centerX, centerY, radius .
href Die URL des Hyperlinks, falls angegeben. Wenn es weggelassen wird, repräsentiert der <area> keinen Hyperlink.
shape Die Form des <area> . Kann so eingestellt werden , um die default das gesamte Bild (keine auszuwählen coords Attribut erforderlich) circle oder circ für einen Kreis, rectangle oder rect für ein Rechteck und polygon oder poly für einen polygonalen Bereich , der durch Eckpunkte spezifiziert.

Bemerkungen

  • Die obige Parameterliste wird aus den MDN-Dokumenten geändert: <map> und <area> .

  • Es ist möglich, die Koordinaten einer Imagemap für ein Bild mit einfacheren Formen (wie im einleitenden Beispiel oben) mit einem Bildeditor zu erstellen, der Koordinaten anzeigt (wie beispielsweise GIMP). Es kann jedoch allgemein einfacher sein, einen Imagemap-Generator wie diesen zu verwenden .

Imagemaps Verwandte Beispiele