HTMLImageElement: useMap-Eigenschaft

Baseline Widely available

This feature is well established and works across many devices and browser versions. It’s been available across browsers since July 2015.

Die useMap-Eigenschaft des HTMLImageElement-Interfaces spiegelt den Wert des HTML-usemap-Attributs wider. Diese Eigenschaft ist eine Zeichenkette, die den Namen der clientseitigen Image-Map angibt, die auf das Bild angewendet werden soll.

Wert

Eine Zeichenkette, die die seitenlokale URL angibt (das heißt, eine URL, die mit dem Raute- oder Hashtag-Symbol # beginnt) des -Elements, die die Image-Map definiert, die auf das Bild angewendet werden soll.

Sie können mehr über clientseitige Image-Maps in unserem Lernartikel Hintergrundkarte über ein Bild legen erfahren.

Verwendungsnotizen

Der Zeichenkettenwert von useMap muss ein gültiger Anker für ein -Element sein. Mit anderen Worten sollte diese Zeichenkette der Wert des Attributs name des entsprechenden -Elements sein, dem ein Raute- oder Hashtag-Symbol vorangestellt ist.

Betrachten Sie ein , das wie folgt aussieht:

html

  Return to home page
  Shop

Angesichts der Bildkarte mit dem Namen mainmenu-map sollte das Bild, das diese verwendet, in etwa wie folgt aussehen:

html

Für zusätzliche Beispiele (einschließlich interaktiver) siehe die Artikel über die - und -Elemente sowie den Leitfaden zur Verwendung von Image-Maps.

Beispiele

Probieren Sie es aus


  HTTP
  HTML
  JavaScript
  Web APIs
  CSS

MDN infographic
img {
  display: block;
  margin: 0 auto;
  width: 260px;
  height: 260px;
}

Spezifikationen

Specification
HTML
# dom-img-usemap

Browser-Kompatibilität