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
Aufgrund von Unternehmensanforderungen müssen zwe...
Inhaltsverzeichnis 1. Browserunterstützung 2. Exp...
Ab Elasticsearch 6.8 dürfen kostenlose Benutzer d...
1. Verwenden Sie Pseudoklassen, um die Hälfte des...
Inhaltsverzeichnis Neuen Benutzer anlegen Neue Be...
1. Concat-Funktion. Häufig verwendete Verbindungs...
Inhaltsverzeichnis Problemumgehung Warum kann ich...
Inhaltsverzeichnis Gängige Array-Methoden Hinzufü...
Dieser Artikel veranschaulicht anhand eines Beisp...
1. Implementieren Sie den Anruf Schritt: Legen Si...
1 Starten Sie den Docker-Dienst Zuerst müssen Sie...
MySQL Binlog ist ein sehr wichtiges Protokoll in ...
Ich weiß nicht, wann es angefangen hat, aber jede...
Gestern habe ich einen Alibaba Cloud-Server gekau...
1. Laden Sie den Download-Link herunter Klicken S...