Heim  >  Artikel  >  Web-Frontend  >  Karten-Tag-Beschreibung in HTML

Karten-Tag-Beschreibung in HTML

高洛峰
高洛峰Original
2017-03-12 17:21:512580Durchsuche

Dieser Artikel stellt die Beschreibung des Map-Tags in HTML vor

Der Image-Map-Hyperlink des Bildes, eine kurze Diskussion des -Tags

Sie können auch Teilen Sie Bilder in HTML in mehrere Hotspot-Bereiche auf. Jede Hotspot-Domäne verweist auf Ressourcen auf verschiedenen Webseiten. Der Kern dieses Effekts besteht darin, ein Bild in verschiedene Hotspot-Bereiche zu unterteilen und dann die Verknüpfung verschiedener Bereiche zu ermöglichen. Dies ist die Bildkarte. Um den Kartenbereichs-Hyperlink zu vervollständigen, werden drei Tags verwendet: Im Folgenden finden Sie eine Einführung in die Verwendung dieser Tags:

Das Verwendungsformat des Image Map-Tags :

                                                                        < Setzen Sie den Parameter usemap="#name of the picture" im img>-Tag, um eine

Referenz

auf die Bildzuordnung (Name des Bildes) anzugeben; >

                                                                                                                                             Area Shape = Shape COORDS = Area Bid List HRF = „URL Resource Address“ & GT ;

...

【1】

Form – Hotspot-Form definieren

Form=Rechteck: Rechteck

Form=Kreis: Kreis

shape=poly: Polygon

【2】Koordinaten – Definieren Sie die Koordinaten des Flächenpunkts a. Rechteck: Es müssen vier Zahlen verwendet werden , die ersten beiden Zahlen sind die Koordinaten der oberen linken Ecke, die letzten beiden Zahlen sind die Koordinaten der unteren rechten Ecke

Beispiel: b. Kreis: erforderlich. Verwenden Sie drei Zahlen, die ersten beiden Zahlen sind die Koordinaten des Mittelpunkts des Kreises und die letzte Zahl ist die Radiuslänge

Beispiel: < ;area shape=circle coords=85,155,30 href="URL">

Beliebige Grafik (Polygon): Geben Sie die Koordinaten jedes Wendepunkts der Grafik der Reihe nach ein

Beispiel:

Hier ist ein Beispiel

Planeten

 

  Venus

  Merkur

  Sonne

 


Beim Erstellen der in diesem Artikel vorgestellten Informationen Mehrere Punkte, die bei der Verwendung des Effekts beachtet werden sollten:

1. Don' Vergessen Sie nicht, die Parameter usemap und ismap im Tag festzulegen. Der Parameterwert von usemap muss mit dem Parameterwert name im Tag identisch sein " muss konsistent sein;

2. Alle Hotspot-Bereiche in derselben „Image Map“ müssen im Geltungsbereich der Image Map liegen, d. h. alle -Tags müssen innerhalb von < Between map> liegen. Und ; Es kommt vor, dass der durch die Parameter festgelegte rechteckige Effektbereich die Scheitelpunktkoordinaten des in den Kordeln festgelegten polygonalen Bereichs ist.


Der Imagemap-Hyperlink des Bildes, eine kurze Erläuterung des -Tags

In HTML kann das Bild auch in mehrere Hotspot-Bereiche unterteilt werden, Jeder Hotspot-Bereich enthält Links zu Ressourcen auf verschiedenen Webseiten. Der Kern dieses Effekts besteht darin, ein Bild in verschiedene Hotspot-Bereiche zu unterteilen und dann die Verknüpfung verschiedener Bereiche zu ermöglichen. Dies ist die Bildkarte. Um den Kartenbereich-Hyperlink zu vervollständigen, werden drei Tags verwendet: Im Folgenden wird die Verwendung dieser Tags beschrieben:

Das Verwendungsformat des Image Map-Tags: