Das <Area> -Tag wird hauptsächlich für Bildkarten verwendet. Durch dieses Tag kann der aktive Bereich (auch als Hotspots bezeichnet) in der Bildkarte eingestellt werden. Auf diese Weise, wenn die Maus des Benutzers in den angegebenen aktiven Bereich wechselt und Klicks, wird automatisch mit der voreingestellten Seite verknüpft. Die grundlegende Syntaxstruktur lautet wie folgt:
<Bereich class = Typ ID = Wert
Klasse und ID: sind die Typen und ID -Nummern, die den Hotspot angeben.
ALT: Alternativer Text zum Festlegen von Hotspots.
HREF: Wird verwendet, um die URL -Adresse festzulegen, mit der der Hotspot verknüpft ist.
Form und Koordnungen: sind zwei Hauptparameter, mit denen die Form und Größe des Hotspots festgelegt werden. Die grundlegende Verwendung ist wie folgt:
<Bereichsform = RECTING -Koordinaten = x1, y1, x2, y2 href = url> bedeutet, dass der eingestellte Hotspot ein Rechteck ist, die Scheitelpunktkoordinaten der oberen linken Ecke sind (x1, y1) und die Scheitelpunktkoordinaten der unteren rechten Ecke sind (x2, y2).
<Bereichsform = Kreiskoordinaten = x1, y1, r href = url> bedeutet, dass die Form des eingestellten Hotspots Kreis ist, die Mittelkoordinate (x1, y1) und der Radius r.
<Bereichsform = Poligonkoordinaten = x1, y1, x2, y2 ...... href = url> bedeutet, dass die Form des eingestellten Hotspots ein Polygon ist, und die Koordinaten jedes Scheitelpunkts sind (x1, y1), (x2, y2), (x3, y3) .......
Hinweis: Die Positionen dieser Punkte x1, y1, x2, y2 werden basierend auf dem Bild und nicht auf der Größe des Fensters bestimmt.
Das <aal> -Tag teilt den Schauspielbereich in der Bildkarte, sodass sich der geteilte Schauspielbereich im Bereich der Bildkarte befinden muss. Bevor Sie den Bereich mit dem <Area> -Tag teilen, müssen Sie daher ein anderes HTML -Tag <Map> verwenden, um den Schauspielbereich der Bildkarte festzulegen und den Namen für die angegebene Bildkarte festzulegen. Die Verwendung dieses Tags ist sehr einfach, dh <map name = bild map name> ...... </map>.
Das Folgende ist ein Beispiel, um die Verwendung dieser beiden Marker zu veranschaulichen:
Hier ist ein Bild einer neuen Bücherregale. Der Effekt ist: Beim Klicken auf das Buch wird ein neues Fenster geöffnet, um die Einführung und die Bestellseite des Buches anzuzeigen (urlall.htm); Beim Klicken auf das Website -Design -Strategiebuch wird ein neues Fenster geöffnet, um die Einführung und die Bestellseite des Buches anzuzeigen (SiteAll.htm). Beim Klicken auf das Buch wird ein neues Fenster geöffnet, um die Einführung und die Bestellseite des Buches anzuzeigen (pagejqlall.htm). Wie man macht:
1. Fügen Sie das Bild ein, legen Sie die relevanten Parameter des Bildes fest und legen Sie den Parameter Usemap = Newbook ISMAP in das <img> -Tag ein, um eine Referenz auf die Bildkarte (Newbook) darzustellen.
2. Verwenden Sie <Map>, um den Aktionsbereich der Bildkarte festzulegen und zu nennen: Newbook;
3. Verwenden Sie <aspektsmarkierungen, um drei rechteckige Aktionsbereiche basierend auf den Positionen der drei Bücher zu teilen und deren Linkparameter HREF festzulegen.
Abgeschlossene Produktion ist der Quellcode dieses Beispiels wie folgt:
Kopieren Sie den Code