Detaillierte Einführung und Verwendungsbeispiele für Map-Tag-Parameter

Detaillierte Einführung und Verwendungsbeispiele für Map-Tag-Parameter
Karten-Tags müssen paarweise vorkommen, d. h.

<Karte> ....</Karte>

Gleichzeitig muss die Karte in Verbindung mit der Fläche verwendet werden.

Der Wert des Usermap-Attributs im IMG-Tag muss genau mit den ID- und Namenwerten im Map-Tag übereinstimmen.

Bereichs-Tag: Definiert den Klickbereich des Bildes. Bereich ist ein einzelnes Tag, kein Paar.

Eigentum:

Zugriffstaste Tastenkombination

alt Bildhinweistext

coords definiert die Koordinaten der Grafik und des Klickbereichs

href Linkadresse

nohref ist der Bereich, der ausgeschlossen werden kann, wenn auf das Bild geklickt wird. Wenn kein href vorhanden ist, muss nohref verwendet werden

Form Die Form des anklickbaren Bereichs

Tabindex-Tabulatortastendurchquerung

Ziel Link Ziel

Codebeispiel:

Code kopieren
Der Code lautet wie folgt:

<img src="images/logo.gif" Benutzerkarte="#map"/>
<map id="Karte" name="Karte">
<Bereich Form="Rechteck" Koordinaten="a,b,c,d" Ziel="_blank" href=""/>
<!-- a, b, c, d sind die Koordinatenwerte der oberen linken Ecke bzw. der unteren rechten Ecke des Rechtecks!>
<Bereich Form="Kreis" Koordinaten="a,b" Ziel="_blank" href="" />
<!-- a, b sind die Koordinatenwerte des Kreismittelpunkts!>
<area shape="poly" coords="a,b..." target="_blank" href="" />
<!-- a, b sind die Koordinatenwerte jedes Fixpunkts des Polygons!>
</Karte>

<<:  In Webseiten eingebettetes Flash und Kompatibilitätsprobleme mit IE, FF und Maxthon

>>:  Detaillierte Schritte für IDEA zur Integration von Docker zur Realisierung einer Remote-Bereitstellung

Artikel empfehlen

So implementieren Sie die Paging-Funktion des MyBatis-Interceptors

So implementieren Sie die Paging-Funktion des MyB...

So stellen Sie Tencent Cloud Server von Grund auf bereit

Da dies mein erster Beitrag ist, weisen Sie mich ...

Webdesign-Tutorial (7): Verbesserung der Webdesign-Effizienz

<br />Vorheriger Artikel: Webdesign-Tutorial...

Beispiel für das Einfügen eines HTML-Bilds (html add image)

Zum Einfügen von Bildern in HTML sind HTML-Tags f...

Dateiupload über HTML5 auf Mobilgeräten

Meistens werden Plug-Ins zum Hochladen von Dateie...

Installation und Verwendung von TypeScript und grundlegende Datentypen

Der erste Schritt besteht darin, TypeScript globa...

Auszeichnungssprachen – Was lernen, nachdem man HTML gelernt hat?

Klicken Sie hier, um zum Abschnitt „HTML-Tutorial“...

Häufig verwendete HTML-Format-Tags_Powernode Java Academy

1. Titel HTML definiert sechs <h>-Tags: <...

Implementierung der Master-Slave-Replikation im Docker Compose-Deployment

Inhaltsverzeichnis Konfigurationsanalyse Dienstle...

JavaScript zum Erzielen eines Zeitlupenanimationseffekts

In diesem Artikel wird der spezifische Code für J...