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

Beispiel für die Installation von nginx in einem angegebenen Verzeichnis

Aufgrund von Unternehmensanforderungen müssen zwe...

So verstehen Sie die Modularität von JavaScript

Inhaltsverzeichnis 1. Browserunterstützung 2. Exp...

Docker installiert Elasticsearch7.6-Cluster und legt Passwort fest

Ab Elasticsearch 6.8 dürfen kostenlose Benutzer d...

CSS-Rand halb oder teilweise sichtbarer Implementierungscode

1. Verwenden Sie Pseudoklassen, um die Hälfte des...

So implementieren Sie Call, Apply und Binding in nativem JS

1. Implementieren Sie den Anruf Schritt: Legen Si...

Detaillierte Erklärung zum Ein- und Aussteigen aus dem Docker-Container

1 Starten Sie den Docker-Dienst Zuerst müssen Sie...

MySQL verwendet Binlog-Protokolle zur Implementierung der Datenwiederherstellung

MySQL Binlog ist ein sehr wichtiges Protokoll in ...

So lösen Sie das Problem der automatischen Paketaktualisierung im Debian-System

Ich weiß nicht, wann es angefangen hat, aber jede...

MySQL 8.0.21 Installationstutorial mit Bildern und Text

1. Laden Sie den Download-Link herunter Klicken S...