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
Artikel empfehlen
HTML-Grundlagen - Einfaches Beispiel zum Festlegen des Hyperlink-Stils
*** Beispiel für das Festlegen des Stils eines Hy...
Zwei Möglichkeiten zur Visualisierung von ClickHouse-Daten mit Apache Superset
Apache Superset ist ein leistungsstarkes BI-Tool,...
Detaillierte Erläuterung des Schnittstellenanforderungsmanagements basierend auf Typescript und Axios
Inhaltsverzeichnis Ideen Abfangen von Anfragen An...
Vue implementiert einen dynamischen kreisförmigen prozentualen Fortschrittsbalken
Als ich kürzlich ein kleines Programm entwickelte...
Lassen Sie uns über mein Verständnis und meine Anwendung von React Context sprechen
Inhaltsverzeichnis Vorwort Erster Blick auf React...
Detaillierte Erklärung der Mixin-Verwendung in Vue
Inhaltsverzeichnis Vorwort 1. Was sind Mixins? 2....
Detaillierte Erklärung der CSS-Hintergrund- und Rahmen-Tag-Beispiele
1. CSS-Hintergrund-Tag 1. Stellen Sie die Hinterg...
JavaScript, um einen einheitlichen Animationseffekt zu erzielen
In diesem Artikelbeispiel wird der spezifische Co...
JS implementiert einen einfachen Zähler
Verwenden Sie HTML, CSS und JavaScript, um einen ...
So erstellen Sie ein einfaches Säulendiagramm mit Flex-Layout in CSS
Das Folgende ist ein Balkendiagramm im Flex-Layou...
Detaillierte Erläuterung zum Kopieren und Einfügen unter Linux in einer virtuellen VMware-Maschine
1. Linux unter VMware Workstation: 1. Quelle aktu...
Detaillierter Prozess der Integration von Docker mit der Idee, Springboot-Anwendungen schnell bereitzustellen
Inhaltsverzeichnis 1. Einleitung 2. Umgebung und ...
Beispiel für das Hoch- und Herunterladen von Dateien im Front-End mit Vue+Express
Erstellen Sie eine neue server.js Garn init -y Ga...
vue $set implementiert die Zuweisung von Werten zu Array-Sammlungsobjekten
Vue $set Array-Sammlungsobjektzuweisung In der be...
Detaillierte Erläuterung der Verwendung von var () von CSS3 zum Ändern von SCSS-Variablenwerten zur Laufzeit
var() Einführung und Verwendung Details (MDN) IE ...