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

Mit dem Swiper.js-Plugin ist die Implementierung von Karussellbildern ganz einfach

Die CSS-Stilsteuerung zum Erreichen des Datensatzverlaufs des IE-Übermittlungsformulars und der Klick-Rückgabeinformationen ist weiterhin vorhanden

Es handelt sich hauptsächlich um ein CSS-Stilsteue...

img usemap Attribut China Karte Link

Mit dem Swiper.js-Plugin ist die Implementierung von Karussellbildern ganz einfach

JavaScript zur Implementierung der Funktion zum Ändern des Avatars

Implementierungsbeispiel eines Videoplayers basierend auf Vue

So öffnen Sie ein temporäres QQ-Dialogfeld, um online zu chatten, ohne Freunde hinzuzufügen

Datendiebstahl mit CSS in Firefox

Tiefgreifendes Verständnis der Verwendung von r2dbc in MySQL

Detaillierte Erläuterung der asynchronen Axios-Kommunikation in Vue

Schritte zur Einführung von PWA in ein Vue-Projekt

Detaillierte Erläuterung der gleichzeitigen Parameteranpassung von MySQL

Vermeidung von durch Closures verursachten Problemen in JavaScript

Artikel empfehlen

Was sind die Attribute des JSscript-Tags

Detailliertes Tutorial zum Herunterladen von MySQL unter Windows 10

17 404-Seiten, die Sie erleben möchten

So installieren Sie PostgreSQL und PostGIS mit yum auf CentOS7

Lösung für das Problem, dass Ubuntu in der virtuellen Maschine keine Verbindung zum Internet herstellen kann

Wie verstecke ich einen bestimmten Text in HTML?

15-minütiges paralleles Artefakt GNU Parallel Erste Schritte

Installieren Sie die Befehlsfunktionen „Zip“ und „Unzip“ unter Linux und CentOS (Server).

Die CSS-Stilsteuerung zum Erreichen des Datensatzverlaufs des IE-Übermittlungsformulars und der Klick-Rückgabeinformationen ist weiterhin vorhanden

So fügen Sie der Seite über Element UI eine Seitennavigationsleiste hinzu

So richten Sie Textfelder in mehreren Formularen in HTML aus

Implementierung eines Redis Master-Slave-Clusters basierend auf Docker

CSS3 Flexible Box Flex, um ein dreispaltiges Layout zu erreichen

Implementierungscode für die Schiebeschalterfunktion der Registerkarte „Links“ und „Rechts“ des WeChat-Applet

JavaScript+HTML zur Implementierung eines Studenteninformationsmanagementsystems