Detaillierte Erklärung des HTML-Bereichs-Tags

Detaillierte Erklärung des HTML-Bereichs-Tags

Der <area>-Tag definiert einen Bereich in einer Imagemap (Hinweis: Eine Imagemap ist ein Bild mit anklickbaren Bereichen).

Das Bereichselement ist immer in einem <map>-Tag verschachtelt.

Hinweis: Das Usemap-Attribut im <img>-Tag wird mit dem Elementnamenattribut <map> verknüpft, um eine Verknüpfung zwischen dem Bild und der Karte herzustellen. Das Usemap-Attribut in <img> kann entweder auf das ID- oder das Name-Attribut in <map> verweisen (wird vom Browser festgelegt), daher müssen wir sowohl das ID- als auch das Name-Attribut zu <map> hinzufügen.

Eigenschaftswert:

href: Klicken Sie auf den Link, um zum Bereich zu springen. alt: Die Meldung, die angezeigt wird, wenn das Bild nicht normal angezeigt werden kann.

Form & Koordinaten:

1. Distanzform: (die Koordinaten des oberen linken Scheitelpunkts sind (x1, y1) und die Koordinaten des unteren rechten Scheitelpunkts sind (x2, y2))

<Bereichsform="Rechteck" Koordinaten="x1,y1,x2,y2" href=url>

2. Kreis: (Mittelpunktkoordinaten sind (X1, y1), Radius ist r)

<Bereichsform="Kreis" Koordinaten="x1,y1,r" href=url>

3. Polygon: (die Koordinaten jedes Scheitelpunkts sind (x1, y1), (x2, y2), (x3, y3)...)

 <Bereichsform="Poly" Koordinaten="x1,y1,x2,y2 ......" href=url>

Zusammenfassen

Oben finden Sie eine ausführliche Erläuterung des vom Editor eingeführten HTML-Bereichs-Tags. Ich hoffe, dass es für alle hilfreich ist. Wenn Sie Fragen haben, hinterlassen Sie mir bitte eine Nachricht und der Editor wird Ihnen rechtzeitig antworten. Ich möchte auch allen für ihre Unterstützung der Website 123WORDPRESS.COM danken!

<<:  Beispiele für zwei Möglichkeiten zur Implementierung einer horizontalen Bildlaufleiste

>>:  Installieren Sie .NET 6.0 im CentOS-System mithilfe eines Cloud-Servers

Artikel empfehlen

MySQL-Unterabfragen und gruppierte Abfragen

Inhaltsverzeichnis Überblick Unterabfragen Untera...

Lösung für den Fehler, dass IE6 select nicht durch div abgedeckt werden kann

Verwenden Sie div, um eine Maske zu erstellen oder...

Tutorial zur Verwendung von Profilen in MySQL

Was ist ein Profil? Wir können es verwenden, wenn...

Beheben von Problemen beim Importieren und Exportieren von Mysql

Hintergrund Da ich alle meine Aufgaben auf Docker...

JavaScript implementiert Countdown auf Front-End-Webseite

Verwenden Sie natives JavaScript, um den Countdow...

Verstehen Sie die Implementierung des Nginx-Standortabgleichs in einem Artikel

Da das Team Front-End und Back-End trennt, überni...

Müssen Designer das Programmieren lernen?

Oftmals wird nach der Fertigstellung eines Webdes...

So entschlüsseln Sie Linux-Versionsinformationen

Das Anzeigen und Interpretieren von Informationen...

Detaillierte Erklärung dieser Zeigerfunktion in JS

Die Pfeilfunktion ist eine neue Funktion in ES6. ...

Eine kurze Analyse der LRU-verknüpften Liste von MySQL

1. Beschreiben Sie kurz die traditionelle LRU-ver...