img usemap Attribut China Karte Link

HTML-img-Tag: definiert ein Bild, das in eine Webseite eingefügt werden soll. Es hat auch ein interessantes Usemap-Attribut.
Schauen Sie sich die Homepage von 51ditu an, dort ist eine Karte mit einer Karte von China in der Mitte. Klicken Sie mit der rechten Maustaste und laden Sie es herunter, um zu sehen, dass es nur ein gewöhnliches Bild ist.
Aber wenn man auf die Provinzen auf der Karte klickt, können unterschiedliche Ereignisse ausgelöst werden (oder unterschiedliche Links geöffnet werden), was sehr interessant ist. Es stellt sich heraus, dass das Usemap-Attribut verwendet wird.
Natürlich muss ein Map-Tag definiert werden. Der gesamte Code lautet wie folgt:

:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::3s::::::333:33333333333333333333ag33333333333333333333333333333 es333333333333333333333333333333 es33 nicht nicht nicht nicht nicht nicht nicht nicht nicht nicht nicht nicht nicht dann dann dann dann aber33333333333333333333 nicht3 nicht3 nicht3 nicht3 nicht3 nicht3 nicht3 nicht3 dann3 dann3 aber3 dann3 nicht nicht nicht nicht nicht nicht nicht nicht nicht nicht nicht nicht nicht nicht nicht nicht nicht nicht nicht nicht nicht nicht nicht nicht nicht nicht nicht nicht nicht nicht nicht nicht dann nichtie dasen aber aber abersossoss aberstens aberstensss aberten aber abers :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::3s::::::333:33333333333333333333ag33333333333333333333333333333 es333333333333333333333333333333 es33 nicht nicht nicht nicht nicht nicht nicht nicht nicht nicht nicht nicht nicht dann dann dann dann aber33333333333333333333 nicht3 nicht3 nicht3 nicht3 nicht3 nicht3 nicht3 nicht3 dann3 dann3 aber3 dann3 nicht nicht nicht nicht nicht nicht nicht nicht nicht nicht nicht nicht nicht nicht nicht nicht nicht nicht nicht nicht nicht nicht nicht nicht nicht nicht nicht nicht nicht nicht nicht nicht dann nichtie dasen aber aber abersossoss aberstens aberstensss aberten aber abers :::::::::::

Tipp: Sie können einen Teil des Codes vor dem Ausführen ändern

Informationen zur Bedeutung mehrerer Attribute des Bereichs-Tags im Karten-Tag finden Sie unter: http://www.w3school.com.cn/tags/tag_area.asp

Hier beachten wir noch das Shape-Attribut der Fläche. Zur Auswahl stehen Rechteck, Kreis und Polygon. Achten Sie besonders auf das Koordinatenattribut, das in Verbindung mit der Form verwendet werden muss. Die Koordinaten der oberen linken Ecke des Bildes sind „0,0“.

<<: Perfekte Lösung für das Problem, dass Navicat nach der Installation von MySQL im Docker keine Verbindung herstellen kann

>>: So entwerfen und optimieren Sie MySQL-Indizes

Tutorial zum Anpassen der Größe der logischen LVM-Volume-Partition in Linux (für verschiedene Dateisysteme wie xfs und ext4)

Artikel

Viewport-Parameter für mobile Browser (Web-Frontend-Design)

So verhindern Sie, dass Iframes in HTML zur Seite springen, und verwenden Iframes, um die WeChat-Webversion in die Seite einzubetten

Artikel

Detaillierte Erklärung zum Ersetzen in ein Beispiel in MySQL

Artikel

Artikel empfehlen

Beispiele für korrekte Beurteilungsmethoden für Datentypen in JS

Inhaltsverzeichnis Vorwort Kann typeof den Typ ko...

Linux führt jeden Tag eine automatische und geplante Sicherung der MySQL-Datenbank durch

Überblick Backup ist die Grundlage der Notfallwie...

Über das Wertübertragungsproblem zwischen Antd-Baum und übergeordneten und untergeordneten Komponenten (Reaktionszusammenfassung)

Projektanforderungen: Wenn Sie auf einen Produktb...

img usemap Attribut China Karte Link

Tutorial zum Anpassen der Größe der logischen LVM-Volume-Partition in Linux (für verschiedene Dateisysteme wie xfs und ext4)

Viewport-Parameter für mobile Browser (Web-Frontend-Design)

So ändern Sie das Passwort in MySQL 5.7.18

18 allgemeine Befehle in der MySQL-Befehlszeile

JavaScript implementiert die H5-Goldmünzenfunktion (Beispielcode)

Bei Verwendung eines Bilds als Beschriftung funktioniert das for-Attribut im IE nicht

So filtern Sie doppelte Daten heraus, wenn Sie große Datenmengen in MySQL einfügen

Beispiel für eine MySQL-DML-Sprachoperation

So verhindern Sie, dass Iframes in HTML zur Seite springen, und verwenden Iframes, um die WeChat-Webversion in die Seite einzubetten

Detaillierte Erklärung zum Ersetzen in ein Beispiel in MySQL

Artikel empfehlen

Beispiele für korrekte Beurteilungsmethoden für Datentypen in JS

Linux führt jeden Tag eine automatische und geplante Sicherung der MySQL-Datenbank durch

Über das Wertübertragungsproblem zwischen Antd-Baum und übergeordneten und untergeordneten Komponenten (Reaktionszusammenfassung)

Einige „Fallstricke“ beim Upgrade der MySQL-Datenbank

Lassen Sie uns im Detail darüber sprechen, wie der NodeJS-Prozess beendet wird

Vue implementiert die Anzeige und Ausblendung der dreistufigen Navigation

SQL-Implementierung von LeetCode (183. Kunden, die noch nie eine Bestellung aufgegeben haben)

Sammlung von 12 praktischen Web-Online-Tools

Zusammenfassung des Wissens zu MySQL-Sperren

Tipps zur Datenstatistik in MySQL

Detaillierte Erläuterung des Vue Lazyload-Beispiels für verzögertes Laden von Bildern

So legen Sie einen Alias für einen benutzerdefinierten Pfad in Vue fest

So verwenden Sie Xtrabackup zum Sichern und Wiederherstellen von MySQL

Eine kurze Diskussion über die Semantik von HTML und einige einfache Optimierungen

Detailliertes Tutorial zum Ausführen von Tomcat im Debugmodus im IDEA Maven-Projekt