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 legen Sie ein Kennwort für MySQL Version 5.6 auf dem Mac fest

MySQL kann bei der Installation festgelegt werden...

Lösen Sie das MySQL 5.7.9 Version sql_mode=only_full_group_by Problem

MySQL 5.7.9 Version sql_mode=only_full_group_by P...

Beispielcode zum Zeichnen von Doppelpfeilen in gängigen CSS-Stilen

1. Mehrere Aufrufe eines einzelnen Pfeils Sobald ...

JS implementiert das Schlangenspiel

Inhaltsverzeichnis 1. Initialisierungsstruktur 2....

Probleme bei der Verwendung der Rich-Text-Bearbeitung mit Wangeditor in Vue

wangEditor ist ein webbasierter Rich-Text-Editor,...

Ubuntu Docker-Installation in VMware (Containererstellung)

1. Mindmap 2. So bauen Sie einen Container 2.1 Vo...

So erstellen Sie geplante Aufgaben mit dem Crond-Tool in Linux

Vorwort Crond ist ein Tool zur geplanten Ausführu...

Benutzerdefinierte Docker-Netzwerkimplementierung

Inhaltsverzeichnis 1. Passen Sie das Netzwerk an,...

Ein kurzer Vortrag über Rx-responsive Programmierung

Inhaltsverzeichnis 1. Beobachtbar 2. Funktionen h...

HTML-Tabelle_Powernode Java Academy

Um eine Tabelle in HTML zu zeichnen, verwenden Si...

Reines js, um den Effekt eines Karussells zu erzielen

In diesem Artikel wird der spezifische Code von j...

Was bedeutet das n nach int(n) in MySQL?

Sie wissen vielleicht bereits, dass die Länge 1 v...

Ein kleines Problem mit Nullwerten in MySQL

Heute habe ich beim Testen des Nullwertes ein kle...

Webdesign muss auch zunächst eine umfassende Bildpositionierung der Website haben

⑴ Der Inhalt bestimmt die Form. Reichern Sie zuers...